@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Noto+Serif+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#071d27;--navy:#092d3a;--blue:#0d5264;--gold:#d8ae64;--mist:#f5f6f2;--line:#dfe6e0;--muted:#6f8181}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mist);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 80px));margin:0 auto}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;left:50%;transform:translateX(-50%);color:#fff;background:rgba(7,29,39,.88);border-bottom:1px solid rgba(216,174,100,.35);padding:0 24px}.brand,.custom-logo-link{display:flex;align-items:center;gap:12px;letter-spacing:.08em;font-size:11px}.brand-mark{width:8px;height:8px;background:var(--gold);display:inline-block;transform:rotate(45deg)}.brand-word{font-size:15px;font-weight:700;letter-spacing:.18em;color:#fff}.custom-logo{display:block;width:auto;max-width:190px;max-height:42px}.nav-links{display:flex;gap:34px;margin-left:auto;margin-right:40px;color:#fff;font-size:11px}.nav-links a{text-shadow:0 1px 7px rgba(0,0,0,.65)}.nav-links a:hover,.under-link:hover,.contact-mail:hover{color:var(--gold)}.nav-cta{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);border-bottom:1px solid #8c6d39;padding-bottom:7px}.nav-cta span,.button span,.under-link span,.product-body-new a span{font-size:18px;margin-left:9px}
.eyebrow{font-size:10px;letter-spacing:.23em;color:#65818a;font-weight:700;display:flex;align-items:center;gap:12px;margin:0 0 24px}.eyebrow.light{color:#a9bdbe}.eyebrow>span{display:inline-block;width:24px;height:1px;background:var(--gold)}h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.045em;margin:0;line-height:1.05}h1 i,h2 i{color:var(--gold);font-weight:500}
.hero-new{min-height:760px;position:relative;background:var(--navy);color:#fff;overflow:hidden}.hero-new-image{position:absolute;inset:0 0 0 43%;overflow:hidden}.hero-new-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,rgba(9,45,58,.38) 32%,rgba(9,45,58,.03) 100%)}.hero-new-image img{width:100%;height:100%;object-fit:cover}.hero-image-note{position:absolute;z-index:1;right:35px;bottom:36px;color:#b5c6c6;font-size:9px;line-height:1.7;letter-spacing:.2em;text-align:right}.hero-image-note b{color:var(--gold);font-weight:500}.hero-new-copy{position:relative;z-index:2;padding-top:210px}.hero-new-copy h1{font-size:clamp(52px,6.2vw,78px);max-width:690px}.hero-copy{color:#c0cecd;max-width:420px;font-size:14px;line-height:1.85;margin:27px 0 31px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;padding:16px 21px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.button-dark,.button-gold{background:var(--gold);color:var(--ink)}.button-dark:hover,.button-gold:hover{background:#edc980}.under-link{display:inline-block;color:var(--ink);font-weight:700;font-size:11px;border-bottom:1px solid var(--gold);padding-bottom:7px}.hero-new .under-link{color:#d9e2df}.hero-scroll{display:none}
.proof-bar{background:#fff;border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0}.proof-grid>div{display:flex;gap:18px;padding:5px 30px;border-right:1px solid var(--line)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border-right:0}.proof-grid strong,.criteria-grid article>span{font:500 25px 'Playfair Display';color:var(--gold)}.proof-grid span,.service-steps span{display:flex;flex-direction:column;gap:5px}.proof-grid b{font-size:12px}.proof-grid small{font-size:11px;color:var(--muted)}
.problem{padding:125px 0 138px}.section-kicker{display:flex;gap:40px;align-items:center;margin-bottom:38px}.section-kicker>span{font:500 26px 'Playfair Display';color:var(--gold)}.problem-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.problem h2{font-size:57px;max-width:550px}.problem-copy{padding-top:8px;color:var(--muted);font-size:14px;line-height:1.9}.problem-copy p{margin:0 0 18px}.problem-copy .under-link{margin-top:14px}
.section-blue{background:var(--blue);color:#fff;padding:108px 0 115px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:54px}.section-heading h2{font-size:51px}.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(220,240,235,.24)}.criteria-grid article{background:var(--blue);padding:29px 30px 35px;min-height:214px}.criteria-grid article h3{font:500 23px 'Playfair Display';line-height:1.2;margin:29px 0 13px}.criteria-grid article p{color:#b4ccca;font-size:12px;line-height:1.75;margin:0}
.collection-new{padding:130px 0 138px}.collection-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;margin-bottom:49px}.collection-heading h2{font-size:54px}.collection-heading>p{color:var(--muted);font-size:14px;line-height:1.9;max-width:320px;margin:0 0 6px}.product-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.product-card-new{background:#fff;border:1px solid #e6ece6;transition:transform .25s,box-shadow .25s}.product-card-new:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(8,35,40,.1)}.product-image-new{height:252px;position:relative;overflow:hidden}.product-image-new img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.product-card-new:hover .product-image-new img{transform:scale(1.06)}.product-image-new span{position:absolute;top:18px;left:18px;color:#fff;font:500 18px 'Playfair Display'}.product-body-new{padding:25px 27px 28px}.product-body-new>p{color:var(--blue);font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 11px}.product-body-new h3{font:500 26px 'Playfair Display';margin:0 0 11px}.product-body-new>span{display:block;color:var(--muted);font-size:12px;line-height:1.7;min-height:61px}.tone{display:flex;align-items:center;gap:5px;margin-top:20px;color:#8a9893;font-size:10px}.tone i{width:11px;height:11px;background:#3d4d51;border-radius:50%;display:inline-block}.tone b{color:var(--ink);font-weight:600}.product-body-new>a{display:inline-block;color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:24px}
.service{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:136px 0}.service-image{height:510px;position:relative}.service-image img{width:100%;height:100%;object-fit:cover}.service-image>span{position:absolute;bottom:-19px;right:-22px;background:var(--gold);padding:18px 20px;color:var(--ink);font:500 11px/1.6 'Playfair Display';letter-spacing:.1em}.service-image b{font-size:14px}.service-copy{padding-top:43px}.service-copy h2{font-size:53px}.service-steps{margin-top:48px}.service-steps>div{display:flex;gap:22px;border-top:1px solid var(--line);padding:18px 0}.service-steps strong{font:500 19px 'Playfair Display';color:var(--gold)}.service-steps b{font-size:13px}.service-steps small{color:var(--muted);font-size:11px;line-height:1.6}
.contact-section-new{background:linear-gradient(120deg,var(--blue),var(--navy));color:#fff;text-align:center;padding:114px 20px}.contact-inner-new{max-width:730px}.contact-inner-new .eyebrow{justify-content:center}.contact-inner-new h2{font-size:57px}.contact-inner-new>p:not(.eyebrow){color:#b2c7c5;max-width:450px;margin:25px auto 29px;font-size:13px;line-height:1.8}.contact-inner-new>div{display:flex;justify-content:center;align-items:center;gap:27px}.contact-mail{color:#d9e2df;border-bottom:1px solid var(--gold);padding-bottom:7px;font-size:11px}.footer{height:108px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px;color:#788b8b}.footer>p{margin:0;text-align:center}.footer>div{display:flex;justify-content:flex-end;gap:25px}.footer a{color:var(--ink)}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.nav{padding:0 14px}.nav-links{display:none}.nav-cta{margin-left:auto}.hero-new{min-height:720px}.hero-new-image{inset:0 0 43%}.hero-new-image:after{background:linear-gradient(180deg,rgba(9,45,58,.1),var(--navy) 92%)}.hero-new-copy{padding-top:355px}.hero-new-copy h1{font-size:47px}.hero-copy{font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-image-note{bottom:auto;top:142px;right:20px}.proof-grid{grid-template-columns:1fr;gap:0;padding:12px 0}.proof-grid>div,.proof-grid>div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:15px 0}.proof-grid>div:last-child{border-bottom:0}.problem,.collection-new,.service{padding:80px 0}.problem-grid,.collection-heading,.service{grid-template-columns:1fr;gap:28px}.problem h2,.section-heading h2,.collection-heading h2,.service-copy h2,.contact-inner-new h2{font-size:42px}.section-heading{display:block;margin-bottom:34px}.criteria-grid,.product-grid-new{grid-template-columns:1fr}.criteria-grid article{min-height:0}.collection-heading>p{max-width:100%}.service-image{height:385px;margin-right:16px}.service-copy{padding-top:25px}.contact-section-new{padding:80px 20px}.contact-inner-new>div{flex-wrap:wrap}.footer{height:auto;padding:35px 0;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.footer>p{text-align:left}.footer>div{justify-content:flex-start;flex-wrap:wrap;gap:12px}}

/* Elementor native section compatibility. Header/footer remain theme-controlled. */
.elementor-page .elementor-widget-heading h1,.elementor-page .elementor-widget-heading h2,.elementor-page .elementor-widget-heading h3{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.045em;line-height:1.05;color:var(--ink)}.elementor-page .elementor-widget-heading h1 i,.elementor-page .elementor-widget-heading h2 i{color:var(--gold);font-weight:500}.elementor-page .elementor-widget-text-editor{color:var(--muted);font-size:14px;line-height:1.85}.elementor-page .elementor-widget-button .elementor-button{border-radius:0;font-family:'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;padding:16px 21px;background:var(--gold);color:var(--ink)}.elementor-page .elementor-widget-button.under-link .elementor-button{background:transparent;color:#d9e2df;border-bottom:1px solid var(--gold);padding:0 0 7px}.elementor-page .elementor-widget-image img{width:100%;display:block}.elementor-page .hero-new{min-height:760px;position:relative;background:var(--navy);color:#fff;overflow:hidden}.elementor-page .hero-new>.elementor-container{position:relative;min-height:760px;max-width:none}.elementor-page .hero-new .hero-new-image{position:absolute;inset:0 0 0 43%;width:auto!important;overflow:hidden}.elementor-page .hero-new .hero-new-image .elementor-widget-wrap{padding:0}.elementor-page .hero-new .hero-new-image img{height:100%;object-fit:cover}.elementor-page .hero-new .hero-new-copy{position:relative;z-index:2;width:min(1160px,calc(100% - 80px))!important;max-width:1160px;margin:0 auto!important;padding-top:210px}.elementor-page .hero-new .hero-new-copy .elementor-widget-wrap{max-width:540px}.elementor-page .proof-bar{background:#fff;border-bottom:1px solid var(--line);width:min(1160px,calc(100% - 80px));margin:0 auto}.elementor-page .proof-bar>.elementor-container{display:grid;grid-template-columns:repeat(3,1fr)}.elementor-page .proof-bar .proof-item{border-right:1px solid var(--line)}.elementor-page .proof-bar .proof-item:last-child{border-right:0}.elementor-page .proof-bar .elementor-widget-heading h3{font:500 25px 'Playfair Display';color:var(--gold)}.elementor-page .proof-bar .elementor-widget-text-editor{font-size:12px}.elementor-page .proof-bar small{display:block;color:var(--muted);font-size:11px}.elementor-page .company-proof{padding:125px 0 138px}.elementor-page .company-proof>.elementor-container{display:grid;grid-template-columns:45% 55%;gap:40px;width:min(1160px,calc(100% - 80px));margin:auto}.elementor-page .company-proof .company-proof-copy{padding-top:8px}.elementor-page .company-proof .stats strong{font:500 25px 'Playfair Display';color:var(--gold)}.elementor-page .criteria{color:#fff}.elementor-page .criteria>.elementor-container{display:grid;grid-template-columns:repeat(3,1fr);width:min(1160px,calc(100% - 80px));margin:auto}.elementor-page .criteria .section-heading{grid-column:1/-1}.elementor-page .criteria .criteria-item{background:var(--blue);padding:29px 30px 35px;min-height:214px}.elementor-page .criteria .criteria-item .elementor-widget-heading h3{font:500 23px 'Playfair Display';color:#fff;line-height:1.2}.elementor-page .criteria .criteria-item .elementor-widget-text-editor{color:#b4ccca;font-size:12px}.elementor-page .collection-new>.elementor-container{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;width:min(1160px,calc(100% - 80px));margin:auto}.elementor-page .collection-new .collection-heading{grid-column:1/-1}.elementor-page .collection-new .product-card-new{background:#fff;border:1px solid #e6ece6;padding:0 27px 28px}.elementor-page .collection-new .product-card-new .elementor-widget-image{margin:0 -27px 25px}.elementor-page .collection-new .product-card-new .elementor-widget-heading h3{font-size:26px}.elementor-page .service>.elementor-container{display:grid;grid-template-columns:1fr 1fr;gap:100px;width:min(1160px,calc(100% - 80px));margin:auto;padding:136px 0}.elementor-page .service .service-image{height:510px}.elementor-page .service .service-image img{height:100%;object-fit:cover}.elementor-page .contact-section-new .contact-inner-new{width:min(730px,calc(100% - 40px));margin:auto;text-align:center}.elementor-page .contact-section-new .contact-inner-new .elementor-widget-heading h2{color:#fff;font-size:57px}.elementor-page .contact-section-new .contact-inner-new .elementor-widget-text-editor{color:#b2c7c5}
@media(max-width:800px){.elementor-page .hero-new{min-height:720px}.elementor-page .hero-new>.elementor-container{min-height:720px}.elementor-page .hero-new .hero-new-image{inset:0 0 43%;width:100%!important}.elementor-page .hero-new .hero-new-copy{width:calc(100% - 40px)!important;padding-top:355px}.elementor-page .proof-bar,.elementor-page .company-proof>.elementor-container,.elementor-page .criteria>.elementor-container,.elementor-page .collection-new>.elementor-container,.elementor-page .service>.elementor-container{width:calc(100% - 40px)}.elementor-page .proof-bar>.elementor-container,.elementor-page .company-proof>.elementor-container,.elementor-page .criteria>.elementor-container,.elementor-page .collection-new>.elementor-container,.elementor-page .service>.elementor-container{display:block}.elementor-page .proof-bar .proof-item{border-right:0;border-bottom:1px solid var(--line)}.elementor-page .company-proof{padding:80px 0}.elementor-page .collection-new .product-card-new{margin-bottom:20px}.elementor-page .service>.elementor-container{padding:80px 0}.elementor-page .service .service-image{height:385px}.elementor-page .contact-section-new .contact-inner-new .elementor-widget-heading h2{font-size:42px}}

/* Keep Elementor column widths from breaking the visual grid. */
.elementor-page .hero-new>.elementor-container{display:block!important}.elementor-page .hero-new>.elementor-container>.elementor-column{display:block;width:100%!important;max-width:none!important;flex:none!important}.elementor-page .hero-new .hero-new-image{height:100%;width:57%!important}.elementor-page .hero-new .hero-new-copy{height:100%;width:100%!important;max-width:none!important}.elementor-page .hero-new .hero-new-copy>.elementor-widget-wrap{width:min(1160px,calc(100% - 80px));margin:0 auto;padding-top:210px}.elementor-page .proof-bar>.elementor-container,.elementor-page .company-proof>.elementor-container,.elementor-page .criteria>.elementor-container,.elementor-page .collection-new>.elementor-container,.elementor-page .service>.elementor-container{align-items:stretch}.elementor-page .proof-bar>.elementor-container>.elementor-column,.elementor-page .company-proof>.elementor-container>.elementor-column,.elementor-page .criteria>.elementor-container>.elementor-column,.elementor-page .collection-new>.elementor-container>.elementor-column,.elementor-page .service>.elementor-container>.elementor-column{width:auto!important;max-width:none!important;flex:none!important}.elementor-page .proof-item>.elementor-widget-wrap{display:flex;align-items:flex-start;gap:18px}.elementor-page .proof-item .elementor-widget-heading{flex:0 0 auto}.elementor-page .proof-item .elementor-widget-heading h3{margin:0}.elementor-page .proof-item .elementor-widget-text-editor{margin:0}.elementor-page .company-proof-copy>.elementor-widget-wrap{padding-top:8px}.elementor-page .criteria .section-heading>.elementor-widget-wrap{display:block}.elementor-page .criteria .criteria-item>.elementor-widget-wrap{height:100%}.elementor-page .collection-new .product-card-new>.elementor-widget-wrap{height:100%}.elementor-page .service .service-image>.elementor-widget-wrap{height:100%}.elementor-page .service .service-copy>.elementor-widget-wrap{padding-top:43px}
.elementor-page .hero-new .elementor-widget-heading h1{color:#fff}.elementor-page .hero-new .hero-copy{color:#c0cecd}.elementor-page .hero-new .eyebrow{color:#a9bdbe}

/* 2026 capability-led redesign */
.button-outline{border:1px solid rgba(216,174,100,.72);color:#fff;background:rgba(7,29,39,.22)}.button-outline:hover{background:var(--gold);color:var(--ink)}.nav-links a:last-child{color:var(--gold);border-bottom:1px solid rgba(216,174,100,.55);padding-bottom:7px}.capability-strip{position:relative;z-index:3;background:#fff}.capability-strip .proof-grid{padding:0}.capability-strip .proof-grid>div{min-height:126px;align-items:center;padding:24px 30px}.capability-strip .proof-grid>div:first-child{padding-left:0}.capability-strip .proof-grid strong{font-size:44px;line-height:1;color:var(--gold)}.capability-strip .proof-grid b{font-family:'Playfair Display',serif;font-size:21px;font-weight:500;color:var(--ink)}.capability-strip .proof-grid small{font-size:12px;line-height:1.55;max-width:240px}.company-proof .under-link{margin-top:25px}.hero-new-copy h1{max-width:650px}.hero-new-copy .eyebrow{color:#b8c9c7}.elementor-page .hero-new .button-outline .elementor-button{background:rgba(7,29,39,.22);border:1px solid rgba(216,174,100,.72);color:#fff}.elementor-page .hero-new .button-outline .elementor-button:hover{background:var(--gold);color:var(--ink)}
@media(max-width:800px){.capability-strip .proof-grid>div,.capability-strip .proof-grid>div:first-child{min-height:0;padding:18px 0}.capability-strip .proof-grid strong{font-size:32px}.capability-strip .proof-grid b{font-size:18px}.hero-actions .button-outline{width:auto}.nav-links a:last-child{display:none}}

/* Traditional distributor identity: editorial serif headings and Vietnamese-first body type. */
body{font-family:'Be Vietnam Pro',Arial,sans-serif}.site-logo-link{display:flex;align-items:center;background:#fff;padding:5px 9px;border-radius:2px}.site-logo{display:block;width:92px;height:60px;object-fit:contain}.footer-logo{background:transparent;padding:0}.footer-logo .site-logo{width:104px;height:70px}h1,h2,h3,.proof-grid strong,.criteria-grid article>span,.section-kicker>span,.product-image-new span,.product-body-new h3,.service-image>span,.service-steps strong,.company-stats strong,.news-card-body h3,.blog-card-body h2,.single-content h2,.single-content h3{font-family:'Noto Serif Display',Georgia,serif}

/* White, balanced brand header with the TTP mark centered between navigation groups. */
.nav{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;height:92px;padding:0 max(28px,calc((100vw - 1160px)/2));background:#fff;color:var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:32px}.nav-left,.nav-right{display:flex;align-items:center;gap:30px;font-size:11px}.nav-right{justify-content:flex-end}.nav-left a,.nav-right a{color:var(--ink);text-shadow:none;white-space:nowrap}.nav-left a:hover,.nav-right a:hover{color:var(--blue)}.nav-right a:first-child{color:var(--blue);border-bottom:1px solid var(--gold);padding-bottom:7px}.nav .nav-cta{color:var(--ink);border-bottom-color:var(--gold)}.nav .site-logo-link{justify-self:center;background:transparent;padding:0;border-radius:0}.nav .site-logo{width:104px;height:76px}.hero-new-copy{width:min(1160px,calc(100% - 64px));padding:184px clamp(28px,6vw,80px) 0;overflow:hidden}.hero-new-copy h1{font-size:clamp(44px,5.5vw,72px);max-width:610px;line-height:1.02}.hero-copy{max-width:470px}.problem{background:var(--mist);border-top:0;border-bottom:0}.product-body-new>span{min-height:0}.product-card-new .product-body-new{padding-bottom:31px}
@media(max-width:800px){.nav{height:78px;padding:0 20px;gap:12px}.nav-left{display:none}.nav-right{gap:0}.nav-right a:first-child{display:none}.nav .site-logo{width:90px;height:68px}.hero-new-copy{width:calc(100% - 40px);padding:330px 20px 0}.hero-new-copy h1{font-size:clamp(42px,10vw,58px);max-width:100%;overflow-wrap:break-word}.hero-copy{max-width:100%}}