.elementor-11246 .elementor-element.elementor-element-84f6d66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11246 .elementor-element.elementor-element-84f6d66:not(.elementor-motion-effects-element-type-background), .elementor-11246 .elementor-element.elementor-element-84f6d66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDFDF;}.elementor-11246 .elementor-element.elementor-element-84f6d66.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11246 .elementor-element.elementor-element-49aff77{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11246 .elementor-element.elementor-element-78d6a81{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button{background-color:#FF0000;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button:hover, .elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button:focus{background-color:#888888;color:#FFFFFF;}.elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button:hover svg, .elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-11246 .elementor-element.elementor-element-34193e6{--display:flex;}.elementor-11246 .elementor-element.elementor-element-972988a .elementor-button{background-color:#9E9E9E;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-11246 .elementor-element.elementor-element-972988a .elementor-button:hover, .elementor-11246 .elementor-element.elementor-element-972988a .elementor-button:focus{background-color:#FF0000;}.elementor-11246 .elementor-element.elementor-element-972988a .elementor-button-content-wrapper{flex-direction:row;}.elementor-11246 .elementor-element.elementor-element-67eb908 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-7fbbc88{--display:flex;--min-height:838px;--justify-content:center;}.elementor-11246 .elementor-element.elementor-element-d5d9eea .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11246 .elementor-element.elementor-element-00500ad .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-11246 .elementor-element.elementor-element-9c47bb5 > .elementor-widget-container{margin:-27px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-9c47bb5 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:27px;font-weight:400;color:#EE0D0D;}.elementor-11246 .elementor-element.elementor-element-d51f96b > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-5188391{--display:flex;}.elementor-11246 .elementor-element.elementor-element-4cc96b5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-11246 .elementor-element.elementor-element-62cb07a{--display:flex;}.elementor-11246 .elementor-element.elementor-element-b528c39 .elementor-button{background-color:#FF0000;font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;}.elementor-11246 .elementor-element.elementor-element-b528c39 .elementor-button:hover, .elementor-11246 .elementor-element.elementor-element-b528c39 .elementor-button:focus{background-color:#D8D8D8;}.elementor-11246 .elementor-element.elementor-element-b528c39 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11246 .elementor-element.elementor-element-b068d10 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-a64d05c{--display:flex;}.elementor-11246 .elementor-element.elementor-element-4ff8fcc{text-align:left;}.elementor-11246 .elementor-element.elementor-element-4ff8fcc .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:600;color:#929292;}.elementor-11246 .elementor-element.elementor-element-a8b6fdb .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:#000000;}.elementor-11246 .elementor-element.elementor-element-73b73a1{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11246 .elementor-element.elementor-element-ae052c7{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-11246 .elementor-element.elementor-element-76901bd{--display:flex;}.elementor-11246 .elementor-element.elementor-element-96ae1e3{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-11246 .elementor-element.elementor-element-d2db950{--display:flex;}.elementor-11246 .elementor-element.elementor-element-87750d7{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-11246 .elementor-element.elementor-element-aeb8cf3{--display:flex;}.elementor-11246 .elementor-element.elementor-element-6a1218a{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:300;color:#000000;}.elementor-11246 .elementor-element.elementor-element-c75abc9{--n-accordion-title-font-size:25px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#000000;--n-accordion-title-hover-color:#FF0000;--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:#FF0000;}:where( .elementor-11246 .elementor-element.elementor-element-c75abc9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Kanit", Sans-serif;}:where( .elementor-11246 .elementor-element.elementor-element-c75abc9 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;border-width:3px 3px 3px 3px;border-color:#FF0000;--border-radius:21px 21px 21px 21px;}.elementor-11246 .elementor-element.elementor-element-ac8c52e{text-align:center;}.elementor-11246 .elementor-element.elementor-element-ac8c52e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;color:#FF0000;}.elementor-11246 .elementor-element.elementor-element-fbcd0fd{--display:flex;--min-height:329px;--justify-content:flex-start;}.elementor-11246 .elementor-element.elementor-element-48a6c84{--display:flex;--justify-content:center;}.elementor-11246 .elementor-element.elementor-element-764f955:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-764f955.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-764f955 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11246 .elementor-element.elementor-element-520c430{--display:flex;}.elementor-11246 .elementor-element.elementor-element-49693c9:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-49693c9.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-49693c9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11246 .elementor-element.elementor-element-8b499ea{--display:flex;}.elementor-11246 .elementor-element.elementor-element-0be02d8:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-0be02d8.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-0be02d8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11246 .elementor-element.elementor-element-501f46a{--display:flex;}.elementor-11246 .elementor-element.elementor-element-ff9a85c:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-ff9a85c.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-ff9a85c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11246 .elementor-element.elementor-element-582ae58{--display:flex;}.elementor-11246 .elementor-element.elementor-element-bf36519:not( .elementor-widget-image ) .elementor-widget-container{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-bf36519.elementor-widget-image .elementor-widget-container img{-webkit-mask-image:url( https://www.onelink.co.th/wp-content/uploads/2025/04/mask.svg );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-11246 .elementor-element.elementor-element-bf36519 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-11246 .elementor-element.elementor-element-78459bc{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-11246 .elementor-element.elementor-element-3744e22 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-7690188{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11246 .elementor-element.elementor-element-7690188:not(.elementor-motion-effects-element-type-background), .elementor-11246 .elementor-element.elementor-element-7690188 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-11246 .elementor-element.elementor-element-bddb6de{--display:flex;}.elementor-11246 .elementor-element.elementor-element-9e59a32{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11246 .elementor-element.elementor-element-da5b38b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11246 .elementor-element.elementor-element-5ac2bd4{text-align:left;}.elementor-11246 .elementor-element.elementor-element-5ac2bd4 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:600;color:#BE0000;}.elementor-11246 .elementor-element.elementor-element-e5bb67e{text-align:left;}.elementor-11246 .elementor-element.elementor-element-e5bb67e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:46px;font-weight:600;color:#000000;}.elementor-11246 .elementor-element.elementor-element-adb9b00{text-align:left;}.elementor-11246 .elementor-element.elementor-element-adb9b00 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-11246 .elementor-element.elementor-element-7e1272b{text-align:left;}.elementor-11246 .elementor-element.elementor-element-7e1272b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11246 .elementor-element.elementor-element-197ba95{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-11246 .elementor-element.elementor-element-197ba95 .elementor-divider-separator{width:100%;}.elementor-11246 .elementor-element.elementor-element-197ba95 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11246 .elementor-element.elementor-element-ddf4bb2{text-align:left;}.elementor-11246 .elementor-element.elementor-element-ddf4bb2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:400;line-height:34px;color:#000000;}.elementor-11246 .elementor-element.elementor-element-31879fc{--e-image-carousel-slides-to-show:5;}.elementor-11246 .elementor-element.elementor-element-31879fc .elementor-swiper-button.elementor-swiper-button-prev, .elementor-11246 .elementor-element.elementor-element-31879fc .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;color:#FFFFFF00;}.elementor-11246 .elementor-element.elementor-element-31879fc .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-11246 .elementor-element.elementor-element-31879fc .elementor-swiper-button.elementor-swiper-button-next svg{fill:#FFFFFF00;}.elementor-11246 .elementor-element.elementor-element-31879fc .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:#FF0000;opacity:1;}.elementor-11246 .elementor-element.elementor-element-82053e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11246 .elementor-element.elementor-element-6d25552{--display:flex;}.elementor-11246 .elementor-element.elementor-element-6d25552:not(.elementor-motion-effects-element-type-background), .elementor-11246 .elementor-element.elementor-element-6d25552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A3A3A3;}.elementor-11246 .elementor-element.elementor-element-b7ebda3{text-align:center;}.elementor-11246 .elementor-element.elementor-element-b7ebda3 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:36px;font-weight:600;line-height:47px;color:#FFFFFF;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11246 .elementor-element.elementor-element-e50dcc5 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-11246 .elementor-element.elementor-element-96cd47f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-11246 .elementor-element.elementor-element-78459bc{--e-n-carousel-swiper-slides-to-display:2;}.elementor-11246 .elementor-element.elementor-element-31879fc{--e-image-carousel-slides-to-show:4;}}@media(min-width:768px){.elementor-11246 .elementor-element.elementor-element-84f6d66{--width:100%;}.elementor-11246 .elementor-element.elementor-element-78d6a81{--width:38%;}.elementor-11246 .elementor-element.elementor-element-34193e6{--width:100%;}.elementor-11246 .elementor-element.elementor-element-62cb07a{--width:100%;}.elementor-11246 .elementor-element.elementor-element-da5b38b{--width:50%;}.elementor-11246 .elementor-element.elementor-element-82053e5{--width:50%;}}@media(max-width:767px){.elementor-11246 .elementor-element.elementor-element-b8ad8b6 .elementor-button{font-size:19px;}.elementor-11246 .elementor-element.elementor-element-972988a > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-11246 .elementor-element.elementor-element-972988a .elementor-button{font-size:17px;}.elementor-11246 .elementor-element.elementor-element-7fbbc88{--min-height:333px;}.elementor-11246 .elementor-element.elementor-element-00500ad .elementor-heading-title{font-size:24px;}.elementor-11246 .elementor-element.elementor-element-9c47bb5 .elementor-heading-title{font-size:19px;}.elementor-11246 .elementor-element.elementor-element-c75abc9{--n-accordion-title-font-size:20px;}.elementor-11246 .elementor-element.elementor-element-ac8c52e .elementor-heading-title{font-size:29px;}.elementor-11246 .elementor-element.elementor-element-fbcd0fd{--min-height:206px;--justify-content:center;}.elementor-11246 .elementor-element.elementor-element-78459bc{--e-n-carousel-swiper-slides-to-display:2;}.elementor-11246 .elementor-element.elementor-element-31879fc{--e-image-carousel-slides-to-show:4;}}/* Start custom CSS *//* HINO-CONNECT Landing Page — Modernist (WordPress)
   วางไฟล์นี้ที่ Appearance → Customize → Additional CSS
   หรือ enqueue เป็น stylesheet ของธีมลูก */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800&family=Noto+Sans+Thai:wght@400;600;800&display=swap');

.hc { --red:#ec3013; --red-600:#dd2b0f; --red-700:#ae1800; --ink:#201e1d; --bg:#f3f2f2;
  --surface:#eae9e9; --line:rgba(32,30,29,.4); --n200:#eae7e7; --n300:#d7d3d3; --n400:#bab6b6;
  --n500:#9b9797; --n600:#7d7979; --n700:#605d5d; --n800:#444141; --n900:#2d2b2b;
  font-family:"Archivo","kanit",system-ui,sans-serif; color:var(--ink); background:var(--bg);
  font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased; }
.hc *, .hc *::before, .hc *::after { box-sizing:border-box; }
.hc h1,.hc h2,.hc h3,.hc h4 { font-weight:800; line-height:1.2; letter-spacing:-.025em; margin:0; }
.hc p { margin:0; text-wrap:pretty; }
.hc img { display:block; max-width:100%; }
.hc a { text-decoration:none; color:var(--red-700); }
.hc a:hover { color:var(--red); }
.hc :focus-visible { outline:2px solid var(--red); outline-offset:2px; }
.hc-sec { border-bottom:2px solid var(--line); }
.hc-wrap { max-width:1240px; margin:0 auto; padding:72px 32px; }
.hc-kicker { font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--n600); margin-bottom:8px; }
.hc-h2 { font-size:40px; margin-bottom:40px; }
.hc-grayscale { filter:grayscale(1) contrast(1.08); }
.hc-btn { display:inline-flex; align-items:center; gap:8px; border:2px solid transparent; border-radius:0;
  font-weight:800; font-size:15px; padding:14px 22px; cursor:pointer; transition:background 120ms linear; }
.hc a.hc-btn-primary, .hc .hc-btn-primary { background:var(--red); color:#fff; }
.hc a.hc-btn-primary:hover, .hc .hc-btn-primary:hover { background:var(--red-600); color:#fff; }
.hc a.hc-btn-primary:active, .hc .hc-btn-primary:active { background:var(--red-700); color:#fff; }
.hc a.hc-btn-secondary, .hc .hc-btn-secondary { border-color:var(--line); color:var(--ink); }
.hc a.hc-btn-secondary:hover, .hc .hc-btn-secondary:hover { background:rgba(32,30,29,.07); color:var(--ink); }
.hc a.hc-btn-invert, .hc .hc-btn-invert { background:#fff; color:var(--red-700); }
.hc a.hc-btn-invert:hover, .hc .hc-btn-invert:hover { background:var(--n200); color:var(--red-700); }

/* nav */
.hc-nav { position:sticky; top:0; z-index:50; background:var(--bg); border-bottom:2px solid var(--line); }
.hc-nav-in { max-width:1240px; margin:0 auto; padding:14px 32px; display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.hc-brand { font-weight:800; font-size:20px; letter-spacing:-.02em; }
.hc-brand-sub { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--n700); }

/* hero */
.hc-hero { max-width:1240px; margin:0 auto; padding:0 32px; display:grid; grid-template-columns:1fr 1fr; }
.hc-hero-left { padding:72px 48px 72px 0; border-right:2px solid var(--line); }
.hc-hero-right { padding:40px 0 40px 48px; display:flex; flex-direction:column; gap:2px; }
.hc-eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:28px; }
.hc-eyebrow span:first-child { width:28px; height:2px; background:var(--red); }
.hc-eyebrow span:last-child { font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--red-700); }
.hc-h1 { font-size:60px; letter-spacing:-.03em; margin-bottom:20px; }
.hc-lead { font-size:22px; font-weight:600; line-height:1.4; margin-bottom:8px; }
.hc-sub { font-size:17px; line-height:1.6; margin-bottom:24px; max-width:30em; }
.hc-support { font-size:15px; line-height:1.7; color:var(--n800); margin-bottom:36px; max-width:32em; }
.hc-cta-row { display:flex; flex-wrap:wrap; gap:12px; }
.hc-video { position:relative; aspect-ratio:16/10; background:var(--n200); }
.hc-video img, .hc-video iframe { width:100%; height:100%; object-fit:cover; border:0; }
.hc-video-plate { position:absolute; inset:0; pointer-events:none; display:flex; flex-direction:column; justify-content:flex-end;
  padding:20px; background:linear-gradient(to top,rgba(32,30,29,.72) 0%,rgba(32,30,29,0) 55%); }
.hc-play { width:54px; height:54px; background:var(--red); color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; flex:none; }
.hc-tiles { display:grid; grid-template-columns:1fr 1fr; gap:2px; }
.hc-tile-img { aspect-ratio:16/9; background:var(--n200); }
.hc-tile-img img { width:100%; height:100%; object-fit:cover; }
.hc-tile-stat { aspect-ratio:16/9; background:var(--ink); color:var(--bg); padding:18px 20px; display:flex; flex-direction:column; justify-content:space-between; }

/* proof */
.hc-cols3 { display:grid; grid-template-columns:1fr 1fr 1fr; border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
.hc-col { padding:32px; border-right:2px solid var(--line); }
.hc-col:first-child { padding-left:0; }
.hc-col:last-child { padding-right:0; border-right:0; }
.hc-col-label { font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--n600); margin-bottom:6px; }
.hc-col-label.is-accent { color:var(--red-700); }
.hc-col h3 { font-size:22px; margin-bottom:18px; }
.hc-list { margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; font-size:15px; color:var(--n800); }
.hc-metrics { display:grid; grid-template-columns:1fr 1fr; gap:20px 16px; }
.hc-metric-num { font-size:30px; font-weight:800; letter-spacing:-.03em; color:var(--red); line-height:1; }
.hc-metric-cap { font-size:13px; color:var(--n800); }
.hc-note { margin-top:16px; font-size:12px; color:var(--n700); max-width:62em; }

/* pain */
.hc-pain { background:var(--surface); }
.hc-cards5 { display:grid; grid-template-columns:repeat(5,1fr); gap:0; background:var(--bg);
  border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
.hc-card { background:var(--bg); padding:28px 22px; display:flex; flex-direction:column; gap:12px; min-height:240px;
  border-right:2px solid var(--line); }
.hc-cards5 .hc-card:last-child { border-right:0; }
.hc-card-head { display:flex; align-items:center; gap:10px; }
.hc-card-num { font-size:13px; font-weight:800; color:var(--red); }
.hc-card-tag { font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:600; color:var(--n700); }
.hc-card p { font-size:15px; line-height:1.55; }
.hc-callout { margin-top:32px; display:grid; grid-template-columns:3fr 2fr; gap:32px; align-items:center;
  border-left:6px solid var(--red); padding:20px 0 20px 24px; }
.hc-callout p { font-size:20px; font-weight:600; line-height:1.45; }

/* solution */
.hc-sol { display:grid; grid-template-columns:1fr 1fr 1fr; border-top:2px solid var(--line); }
.hc-sol > div { padding:36px 32px; border-right:2px solid var(--line); }
.hc-sol > div:first-child { padding-left:0; }
.hc-sol > div:last-child { padding-right:0; border-right:0; }
.hc-sol-label { font-size:12px; letter-spacing:.2em; text-transform:uppercase; font-weight:800; color:var(--red-700); margin-bottom:14px; }
.hc-sol h3 { font-size:30px; margin-bottom:14px; }
.hc-sol p { font-size:16px; line-height:1.6; color:var(--n800); }
.hc-poster { border-top:2px solid var(--line); margin-top:2px; padding-top:48px; }
.hc-poster p { font-size:34px; font-weight:800; letter-spacing:-.02em; line-height:1.3; max-width:26em; }
.hc-poster em { font-style:normal; color:var(--red); }

/* use case */
.hc-usecase { background:var(--ink); color:var(--bg); }
.hc-usecase .hc-kicker { color:var(--n500); }
.hc-usecase h2 { color:var(--bg); }
.hc-uc-head { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:40px; flex-wrap:wrap; }
.hc-uc-head p { font-size:13px; color:var(--n400); max-width:26em; }
.hc-cards4 { display:grid; grid-template-columns:repeat(4,1fr); gap:2px; }
.hc-uc { display:flex; flex-direction:column; gap:14px; min-height:240px; padding:28px 24px; text-align:left;
  border:2px solid rgba(255,255,255,.22); background:var(--n900); color:var(--bg); font:inherit; cursor:pointer;
  transition:background 120ms linear, border-color 120ms linear; }
.hc-uc:hover { border-color:var(--red); }
.hc-uc.is-on { background:var(--red); border-color:var(--red); color:#fff; }
.hc-uc-top { display:flex; justify-content:space-between; align-items:center; width:100%; }
.hc-uc-tag { font-size:11px; letter-spacing:.14em; text-transform:uppercase; font-weight:800; }
.hc-uc h3 { font-size:24px; }
.hc-uc p { font-size:14px; line-height:1.55; opacity:.78; }

/* trust */
.hc-cards2 { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:var(--line);
  border-top:2px solid var(--line); border-bottom:2px solid var(--line); }
.hc-case { background:var(--bg); padding:36px; display:grid; grid-template-columns:120px 1fr; gap:28px; align-items:start; }
.hc-case-media { display:flex; flex-direction:column; gap:14px; }
.hc-logo { height:10px; background:var(--n200); display:flex; align-items:center; justify-content:center;
  font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--n600); }
.hc-case-photo { height:200px; background:var(--n200); }
.hc-case-photo img { width:100%; height:100%; object-fit:cover; }
.hc-quote { font-size:20px; font-weight:600; line-height:1.5; margin-bottom:20px; }
.hc-name { font-size:14px; font-weight:800; }
.hc-role { font-size:13px; color:var(--n700); margin-bottom:20px; }
.hc-case-stats { display:flex; gap:28px; border-top:2px solid var(--line); padding-top:16px; }
.hc-case-stats .hc-metric-num { font-size:28px; }
.hc-case-stats .hc-metric-cap { font-size:12px; color:var(--n700); }

/* conversion */
.hc-conv { background:var(--surface); }
.hc-conv-in { max-width:1240px; margin:0 auto; padding:72px 32px; display:grid; grid-template-columns:5fr 7fr; }
.hc-conv-left { padding-right:48px; border-right:2px solid var(--line); }
.hc-conv-left .hc-kicker { color:var(--red-700); margin-bottom:12px; }
.hc-conv-left h2 { font-size:42px; letter-spacing:-.03em; margin-bottom:18px; }
.hc-conv-left > p { font-size:17px; line-height:1.6; color:var(--n800); max-width:26em; margin-bottom:32px; }
.hc-benefits { margin:0 0 32px; padding:24px 0 0; list-style:none; display:flex; flex-direction:column; gap:14px; border-top:2px solid var(--line); }
.hc-benefits li { display:flex; gap:12px; font-size:16px; align-items:baseline; }
.hc-benefits li span { color:var(--red); font-weight:800; }
.hc-contact { border-top:2px solid var(--line); padding-top:20px; font-size:13px; color:var(--n700); }
.hc-contact strong { display:block; color:var(--ink); margin-bottom:4px; }
.hc-conv-right { padding-left:48px; }

/* final cta */
.hc-final { background:var(--red); color:#fff; }
.hc-final .hc-wrap { padding:88px 32px; }
.hc-final h2 { font-size:52px; letter-spacing:-.03em; margin-bottom:24px; max-width:22em; }
.hc-final > .hc-wrap > p { font-size:20px; line-height:1.5; max-width:34em; color:rgba(255,255,255,.9); margin-bottom:40px; }
.hc-final-row { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end;
  border-top:2px solid rgba(255,255,255,.45); padding-top:32px; }
.hc-channels { display:flex; flex-wrap:wrap; gap:12px 32px; align-items:center; }
.hc-channel-list { display:flex; gap:28px; font-size:15px; }
.hc-channel-label { font-size:10px; letter-spacing:.16em; text-transform:uppercase; opacity:.8; }
.hc-channel-val { font-weight:800; }
.hc-qr { width:108px; height:108px; background:#fff; display:flex; align-items:center; justify-content:center;
  text-align:center; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--n600); }
.hc-qr img { width:100%; height:100%; object-fit:contain; }

/* footer */
.hc-foot { background:var(--ink); color:var(--n400); font-size:12px; }
.hc-foot-in { max-width:1240px; margin:0 auto; padding:24px 32px; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }

/* responsive */
@media (max-width:1080px) {
  .hc-cards5 { grid-template-columns:repeat(2,1fr); }
  .hc-cards5 .hc-card { border-bottom:2px solid var(--line); }
  .hc-cards5 .hc-card:nth-child(2n) { border-right:0; }
  .hc-cards5 .hc-card:last-child { border-bottom:0; }
  .hc-cards4 { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .hc-wrap, .hc-conv-in, .hc-final .hc-wrap { padding:48px 20px; }
  .hc-hero { grid-template-columns:1fr; padding:0 20px; }
  .hc-hero-left { padding:48px 0 32px; border-right:0; border-bottom:2px solid var(--line); }
  .hc-hero-right { padding:32px 0; }
  .hc-h1 { font-size:40px; }
  .hc-h2, .hc-conv-left h2 { font-size:30px; }
  .hc-final h2 { font-size:34px; }
  .hc-cols3, .hc-sol, .hc-cards2, .hc-conv-in { grid-template-columns:1fr; }
  .hc-col, .hc-sol > div { padding:28px 0; border-right:0; border-bottom:2px solid var(--line); }
  .hc-col:last-child, .hc-sol > div:last-child { border-bottom:0; }
  .hc-conv-left { padding-right:0; border-right:0; border-bottom:2px solid var(--line); padding-bottom:36px; }
  .hc-conv-right { padding-left:0; padding-top:36px; }
  .hc-callout, .hc-final-row { grid-template-columns:1fr; }
  .hc-poster p { font-size:24px; }
  .hc-case { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .hc-cards5, .hc-cards4 { grid-template-columns:1fr; }
  .hc-cards5 .hc-card { border-right:0; }
  .hc-tiles { grid-template-columns:1fr; }
  .hc-btn { width:100%; justify-content:flex-start; }
}/* End custom CSS */