/* AN KHANG LIFE | Brand experience V2
   Scoped to .akl so existing commerce, user/account and API screens remain untouched. */
.akl {
  --akl-forest:#082d24; --akl-deep:#061f1a; --akl-green:#135c45;
  --akl-mint:#dcf1e7; --akl-gold:#d4ae63; --akl-gold-light:#f1dca5;
  --akl-ink:#193329; --akl-muted:#687b71; --akl-paper:#fbfaf6;
  color:var(--akl-ink); font-family:'Manrope','Segoe UI',Arial,sans-serif; line-height:1.65;
  background:var(--akl-paper); overflow:hidden;
}
.akl *, .akl *::before, .akl *::after { box-sizing:border-box; }
.akl h1,.akl h2,.akl h3,.akl h4 { margin:0; font-family:inherit; line-height:1.17; color:inherit; letter-spacing:-.035em; font-weight:800; }
.akl p { margin:0; }
.akl a { text-decoration:none; }
.akl img { max-width:100%; }
.akl .akl-wrap { width:min(1200px,calc(100% - 48px)); margin:0 auto; }
.akl .akl-eyebrow { display:inline-flex; align-items:center; gap:12px; color:var(--akl-green); text-transform:uppercase; letter-spacing:.20em; font-size:11px; font-weight:800; }
.akl .akl-eyebrow::before { content:''; width:28px; height:1px; background:var(--akl-gold); flex:none; }
.akl .akl-eyebrow--light { color:var(--akl-gold-light); }
.akl .akl-heading { font-size:clamp(32px,4.2vw,53px); max-width:740px; letter-spacing:-.055em; }
.akl .akl-heading span { color:var(--akl-green); }
.akl .akl-lead { color:var(--akl-muted); font-size:clamp(15px,1.35vw,17px); line-height:1.85; }
.akl .akl-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:52px; border-radius:100px; padding:13px 25px; font-size:13px; font-weight:800; transition:transform .25s ease,box-shadow .25s ease,background .25s ease; text-align:center; white-space:nowrap; }
.akl .akl-btn:hover { transform:translateY(-3px); }
.akl .akl-btn--gold { color:var(--akl-deep); background:linear-gradient(135deg,#f7e5b4,#d9ac56); box-shadow:0 15px 35px rgba(0,0,0,.13); }
.akl .akl-btn--gold:hover { color:#082d24; box-shadow:0 16px 34px rgba(232,190,108,.23); }
.akl .akl-btn--outline { color:#f6f5ea; border:1px solid rgba(255,255,255,.36); background:rgba(255,255,255,.05); }
.akl .akl-btn--outline:hover { color:#fff; background:rgba(255,255,255,.13); }
.akl .akl-btn--dark { background:var(--akl-forest); color:#fff; }
.akl .akl-btn--dark:hover { background:#196047; color:#fff; }
.akl .akl-btn--ghost { border:1px solid #cddbd3; color:var(--akl-forest); background:#fff; }
.akl .akl-btn--ghost:hover { background:#eef5ef; color:var(--akl-forest); }
.akl .akl-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:30px; }
.akl .akl-hero { isolation:isolate; position:relative; overflow:hidden; color:#fff; background:radial-gradient(ellipse 64% 77% at 86% 14%,rgba(53,117,83,.55),transparent 65%),linear-gradient(128deg,#051b18 0%,#0c392d 48%,#12543a 100%); min-height:630px; display:flex; align-items:center; }
.akl .akl-hero::before { content:''; position:absolute; width:670px; height:670px; border:1px solid rgba(232,208,154,.12); border-radius:50%; right:-155px; top:-145px; box-shadow:0 0 0 88px rgba(255,255,255,.016),0 0 0 175px rgba(255,255,255,.012); pointer-events:none; }
.akl .akl-hero::after { content:''; position:absolute; left:-160px; bottom:-450px; width:800px; height:650px; border-radius:50%; background:radial-gradient(circle,rgba(33,132,93,.22),transparent 70%); pointer-events:none; }
.akl .akl-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr); gap:6%; align-items:center; padding:76px 0 92px; }
.akl .akl-hero h1 { font-size:clamp(42px,5.2vw,74px); letter-spacing:-.075em; line-height:1.09; color:#fff; margin:21px 0 22px; max-width:790px; }
.akl .akl-hero h1 em { font-style:normal; color:#edd49c; }
.akl .akl-hero__desc { color:#d8e7de; max-width:550px; font-size:16px; line-height:1.95; }
.akl .akl-hero__signature { display:flex; align-items:center; gap:11px; flex-wrap:wrap; margin-top:44px; color:#c8ddd0; font-size:11px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.akl .akl-hero__signature b { display:block; width:4px; height:4px; border-radius:50%; background:var(--akl-gold); }
.akl .akl-art { position:relative; width:100%; aspect-ratio:1 / 1; max-width:520px; margin:auto; display:grid; place-items:center; }
.akl .akl-art::before { content:''; position:absolute; width:91%; height:91%; border-radius:50%; border:1px solid rgba(240,213,164,.33); box-shadow:0 0 0 24px rgba(222,200,140,.025),0 0 0 48px rgba(222,200,140,.03); }
.akl .akl-art__disc { position:relative; width:76%; aspect-ratio:1; background:radial-gradient(circle at 38% 28%,#fffef6,#f4ead0 66%,#decba3); border:1px solid #f4e1ac; border-radius:50%; display:grid; place-items:center; box-shadow:0 36px 90px rgba(0,0,0,.28),inset 0 2px 18px rgba(255,255,255,.75); }
.akl .akl-art__disc img { display:block; width:90%; height:90%; object-fit:contain; filter:drop-shadow(0 10px 9px rgba(12,65,40,.08)); }
.akl .akl-art__chip { position:absolute; z-index:2; display:flex; align-items:center; gap:11px; border:1px solid rgba(255,255,255,.28); border-radius:16px; padding:12px 16px; background:rgba(246,250,239,.93); box-shadow:0 18px 44px rgba(2,20,13,.2); color:#134435; font-size:12px; line-height:1.4; font-weight:800; backdrop-filter:blur(8px); }
.akl .akl-art__chip i { display:grid; place-items:center; width:32px; height:32px; border-radius:12px; background:#e4f1e8; color:#1b7453; font-size:14px; }
.akl .akl-art__chip--left { left:-4%; bottom:22%; }
.akl .akl-art__chip--right { right:-3%; top:19%; }
.akl .akl-hero__bottom { position:absolute; z-index:2; left:0; right:0; bottom:0; height:25px; background:linear-gradient(90deg,#d0a55d,#f5dca7,#b9853d); clip-path:polygon(0 92%,100% 0,100% 100%,0 100%); }
.akl .akl-section { padding:clamp(68px,8vw,112px) 0; }
.akl .akl-section--white { background:#fff; }
.akl .akl-section--cream { background:#f6f7f0; }
.akl .akl-section__head { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:40px; }
.akl .akl-section__head .akl-lead { max-width:440px; }
.akl .akl-section__head .akl-heading { margin-top:16px; }
.akl .akl-intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:center; }
.akl .akl-intro-grid .akl-heading { margin:17px 0 22px; }
.akl .akl-intro-quote { position:relative; border-radius:26px; background:linear-gradient(140deg,#eff5e9,#fbf7eb); padding:clamp(30px,4vw,55px); border:1px solid #e5e9d7; }
.akl .akl-intro-quote:before { content:'“'; display:block; color:#d8ba77; font-size:110px; font-family:Georgia,serif; height:70px; line-height:1; opacity:.8; }
.akl .akl-intro-quote p { font-size:clamp(19px,2.3vw,29px); line-height:1.6; letter-spacing:-.03em; color:#1c4835; font-weight:700; }
.akl .akl-intro-quote small { display:block; color:#778879; margin-top:22px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:800; }
.akl .akl-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.akl .akl-feature { position:relative; padding:29px 24px 32px; border:1px solid #e2e9e1; background:#fff; border-radius:20px; transition:transform .25s ease,box-shadow .25s ease; }
.akl .akl-feature:hover,.akl .akl-pillar:hover { transform:translateY(-5px); box-shadow:0 20px 45px rgba(9,48,30,.085); }
.akl .akl-feature__icon { display:grid; place-items:center; height:52px; width:52px; border-radius:17px; background:#ecf5ed; color:#1b6a4f; font-size:19px; margin-bottom:25px; }
.akl .akl-feature__label { font-size:11px; letter-spacing:.12em; font-weight:900; color:#b08a48; }
.akl .akl-feature h3 { font-size:18px; margin:10px 0 10px; }
.akl .akl-feature p { color:#687b71; font-size:13px; line-height:1.8; }
.akl .akl-pillar-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.akl .akl-pillar { position:relative; min-height:238px; display:flex; flex-direction:column; align-items:start; border-radius:23px; padding:32px; background:#fff; border:1px solid #e2e8df; transition:transform .25s ease,box-shadow .25s ease; }
.akl .akl-pillar__num { display:block; color:#bf9b57; font-weight:900; font-size:12px; letter-spacing:.16em; }
.akl .akl-pillar__icon { margin-left:auto; margin-top:-18px; color:#16704d; background:#edf5ec; width:47px; height:47px; display:grid; place-items:center; border-radius:15px; font-size:19px; }
.akl .akl-pillar h3 { font-size:20px; margin:22px 0 11px; }
.akl .akl-pillar p { color:#718078; font-size:13px; line-height:1.85; }
.akl .akl-pillar--wide { grid-column:span 2; background:linear-gradient(130deg,#103f30,#1d6a4c); color:white; border-color:transparent; }
.akl .akl-pillar--wide h3,.akl .akl-pillar--wide p { color:#fff; }
.akl .akl-pillar--wide p { color:#d7ebe0; }
.akl .akl-pillar--wide .akl-pillar__icon { background:rgba(255,255,255,.13); color:#efd49d; }
.akl .akl-mission-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:12%; }
.akl .akl-mission-layout .akl-heading { margin:17px 0 22px; }
.akl .akl-mission-list { border-top:1px solid #e1e8df; }
.akl .akl-mission-item { display:grid; grid-template-columns:50px 1fr; gap:18px; border-bottom:1px solid #e1e8df; padding:24px 0; }
.akl .akl-mission-item__icon { width:49px; height:49px; background:#eef5ec; color:#176c4c; display:grid; place-items:center; border-radius:15px; font-size:18px; }
.akl .akl-mission-item h3 { font-size:17px; margin-bottom:7px; }
.akl .akl-mission-item p { font-size:13px; color:#6b7c71; line-height:1.85; }
.akl .akl-values { position:relative; padding:clamp(65px,8vw,105px) 0; background:linear-gradient(135deg,#071f1a,#104432); color:#fff; }
.akl .akl-values::before { content:''; position:absolute; right:0; top:0; width:45%; height:100%; background:radial-gradient(circle at 65% 35%,rgba(72,150,99,.23),transparent 65%); pointer-events:none; }
.akl .akl-values .akl-heading { color:#fff; margin:16px 0 36px; }
.akl .akl-values-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.15); border-radius:22px; overflow:hidden; }
.akl .akl-value { padding:30px 20px; background:#12382c; }
.akl .akl-value__num { display:block; color:#e1bc79; font-size:11px; font-weight:900; margin-bottom:36px; }
.akl .akl-value h3 { color:#ffebbc; font-size:16px; letter-spacing:0; margin-bottom:12px; }
.akl .akl-value p { color:#c9dfd1; font-size:12px; line-height:1.8; }
.akl .akl-roadmap { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:50px; }
.akl .akl-roadmap::before { content:''; position:absolute; top:21px; left:16px; right:16px; height:1px; background:linear-gradient(90deg,#d0a869,#cadbd0); }
.akl .akl-phase { position:relative; padding-top:61px; }
.akl .akl-phase::before { content:''; position:absolute; top:12px; left:0; width:19px; height:19px; border:5px solid #e9d3a0; background:#115c40; border-radius:50%; box-shadow:0 0 0 6px #f7f8f1; }
.akl .akl-phase__when { color:#a87c36; font-size:11px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.akl .akl-phase h3 { font-size:21px; margin:13px 0 13px; }
.akl .akl-phase p { font-size:13px; color:#697c71; line-height:1.85; }
.akl .akl-note { margin-top:38px; font-size:12px; color:#7b887e; line-height:1.8; }
.akl .akl-cta { margin:80px 0 0; padding:clamp(28px,5vw,60px); display:flex; align-items:center; justify-content:space-between; gap:32px; border-radius:26px; background:linear-gradient(105deg,#0a3127,#17634a); color:white; }
.akl .akl-cta h2 { color:white; font-size:clamp(26px,3vw,39px); margin:10px 0; }
.akl .akl-cta p { color:#d5e7de; font-size:14px; }
.akl .akl-cta .akl-btn { flex:none; }
.akl .akl-stats { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#dee5dc; border:1px solid #dee5dc; border-radius:19px; overflow:hidden; margin-top:-45px; box-shadow:0 22px 55px rgba(11,44,28,.08); }
.akl .akl-stat { text-align:center; padding:26px 18px; background:#fff; }
.akl .akl-stat strong { display:block; color:#15563d; font-size:30px; font-weight:900; letter-spacing:-.06em; }
.akl .akl-stat span { display:block; font-size:12px; color:#718077; margin-top:3px; }
.akl .akl-divider { height:1px; background:linear-gradient(90deg,transparent,#d4e3d7,transparent); }
@media(max-width:991px) {
  .akl .akl-hero__grid { grid-template-columns:1fr 1fr; gap:2%; }
  .akl .akl-hero { min-height:560px; }
  .akl .akl-hero h1 { font-size:clamp(39px,5vw,62px); }
  .akl .akl-art__chip--left { left:0; }
  .akl .akl-art__chip--right { right:0; }
  .akl .akl-features { grid-template-columns:repeat(2,1fr); }
  .akl .akl-values-grid { grid-template-columns:repeat(3,1fr); }
  .akl .akl-intro-grid { gap:35px; }
  .akl .akl-pillar-grid { grid-template-columns:repeat(2,1fr); }
  .akl .akl-pillar--wide { grid-column:span 1; }
}
@media(max-width:767px) {
  .akl .akl-wrap { width:min(100% - 32px,540px); }
  .akl .akl-hero { min-height:unset; }
  .akl .akl-hero__grid { grid-template-columns:1fr; gap:0; padding:65px 0 76px; }
  .akl .akl-hero h1 { font-size:clamp(39px,10vw,58px); letter-spacing:-.06em; }
  .akl .akl-hero__desc { font-size:14px; line-height:1.85; }
  .akl .akl-art { max-width:380px; margin:44px auto 0; }
  .akl .akl-art__chip { padding:9px 12px; font-size:10px; }
  .akl .akl-art__chip--left { left:0; bottom:14%; }
  .akl .akl-art__chip--right { right:0; top:11%; }
  .akl .akl-section { padding:65px 0; }
  .akl .akl-section__head { display:block; }
  .akl .akl-section__head .akl-lead { margin-top:17px; }
  .akl .akl-intro-grid,.akl .akl-mission-layout { grid-template-columns:1fr; gap:30px; }
  .akl .akl-pillar-grid { grid-template-columns:1fr; }
  .akl .akl-pillar { min-height:unset; }
  .akl .akl-values-grid { grid-template-columns:repeat(2,1fr); }
  .akl .akl-roadmap { grid-template-columns:1fr; gap:18px; margin-top:30px; }
  .akl .akl-roadmap::before { height:calc(100% - 20px); width:1px; left:9px; top:13px; right:auto; }
  .akl .akl-phase { padding:0 0 0 44px; }
  .akl .akl-phase::before { left:0; top:4px; }
  .akl .akl-cta { margin-top:45px; display:block; }
  .akl .akl-cta .akl-btn { margin-top:24px; }
  .akl .akl-stats { margin-top:-25px; }
  .akl .akl-stat strong { font-size:24px; }
  .akl .akl-stat span { font-size:10px; }
}
@media(max-width:420px) {
  .akl .akl-actions { align-items:stretch; }
  .akl .akl-actions .akl-btn { width:100%; }
  .akl .akl-values-grid { grid-template-columns:1fr; }
  .akl .akl-value__num { margin-bottom:14px; }
  .akl .akl-stat { padding:16px 6px; }
  .akl .akl-stat strong { font-size:21px; }
}
@media(prefers-reduced-motion:reduce) { .akl .akl-btn,.akl .akl-feature,.akl .akl-pillar { transition:none; } }

/* Premium site frame for the brand's principal pages */
body.akl-brand-page .top-bar { background:#0b3329 !important; border-bottom:1px solid rgba(223,198,144,.2); }
body.akl-brand-page nav.navbar { background:rgba(255,254,249,.98) !important; box-shadow:0 9px 36px rgba(4,35,24,.075) !important; border-bottom:1px solid #edf0e9; }
body.akl-brand-page nav.navbar .navbar-brand img.logo-main { height:66px !important; max-width:150px; width:auto; object-fit:contain; }
body.akl-brand-page nav.navbar .nav-link { color:#183e30 !important; font-weight:700; font-size:13px; transition:color .2s ease; }
body.akl-brand-page nav.navbar .nav-link:hover, body.akl-brand-page nav.navbar .nav-link.active { color:#b78d47 !important; }
body.akl-brand-page .footer { background:#082a22 !important; padding-top:35px !important; }
body.akl-brand-page .footer .footer-heading { color:#efd59c !important; letter-spacing:.10em; font-size:12px !important; font-weight:800; }
body.akl-brand-page .footer .footer-desc { color:#cbdcd1 !important; line-height:1.85; }
body.akl-brand-page .footer .footer-links a,body.akl-brand-page .footer .contact-link { color:#d5e8dc !important; }
body.akl-brand-page .footer .footer-links a:hover,body.akl-brand-page .footer .contact-link:hover { color:#f5dca7 !important; }
body.akl-brand-page .footer .bottom-footer { border-top:1px solid rgba(226,214,177,.17); }
body.akl-brand-page .akl-footer-discover { color:#edd19c; font-size:13px; font-weight:750; display:inline-block; margin:6px 0; }
body.akl-brand-page .akl-footer-discover:hover { color:white; }
body.akl-brand-page #ad-popup-overlay { display:none !important; }
@media(max-width:767px) { body.akl-brand-page nav.navbar .navbar-brand img.logo-main { height:48px !important; } }

/* AN KHANG LIFE Cover Carousel V3 — scoped to the homepage only.
   Preserve all embedded banner text and logos: never crop the original 1672×941 images. */
.akl .akl-cover { position:relative; background:#092e24; }
.akl .akl-cover__carousel { position:relative; width:100%; background:linear-gradient(145deg,#e4efd8,#f7e9c9); overflow:hidden; }
.akl .akl-cover__carousel .carousel-inner,
.akl .akl-cover__carousel .carousel-item { width:100%; }
.akl .akl-cover__image { display:block; width:100%; height:auto; aspect-ratio:1672 / 941; object-fit:contain; background:#dfece0; }
.akl .akl-cover__arrow { width:clamp(48px,8vw,130px); opacity:1; transition:opacity .2s ease; }
.akl .akl-cover__arrow:hover { opacity:1; }
.akl .akl-cover__arrow-icon { width:clamp(36px,3.6vw,50px); height:clamp(36px,3.6vw,50px); display:grid; place-items:center; color:#f9e0a7; border:1px solid rgba(255,245,215,.55); border-radius:50%; background:rgba(6,48,35,.65); backdrop-filter:blur(9px); box-shadow:0 8px 24px rgba(0,0,0,.14); transition:transform .2s ease,background .2s ease; }
.akl .akl-cover__arrow:hover .akl-cover__arrow-icon { transform:scale(1.08); background:rgba(6,48,35,.90); }
.akl .akl-cover__arrow:focus-visible { outline:3px solid #f2d494; outline-offset:-5px; }
.akl .akl-cover__indicators { z-index:3; gap:7px; width:max-content; left:50%; right:auto; transform:translateX(-50%); margin:0 0 clamp(12px,2vw,25px); padding:9px 14px; border-radius:100px; background:rgba(8,49,36,.60); backdrop-filter:blur(11px); }
.akl .akl-cover__indicators [data-bs-target] { width:25px; height:5px; border:0; border-radius:15px; margin:0; background:#fff; opacity:.6; transition:width .3s ease,opacity .3s ease,background .3s ease; }
.akl .akl-cover__indicators [data-bs-target].active { width:48px; background:#f3d699; opacity:1; }
.akl .akl-cover__bar { position:relative; background:linear-gradient(105deg,#07281f 0%,#0e4936 100%); border-top:2px solid #d7ac61; padding:21px 0; color:#fff; }
.akl .akl-cover__bar-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; }
.akl .akl-cover__overline { display:block; color:#e5c988; letter-spacing:.17em; font-size:10px; font-weight:900; line-height:1.5; }
.akl .akl-cover__bar-copy p { margin:6px 0 0; color:#f5f7ed; font-size:clamp(16px,1.6vw,22px); font-weight:800; letter-spacing:-.03em; }
.akl .akl-cover__bar-copy p span { color:#e5c988; margin:0 5px; }
.akl .akl-cover__bar-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.akl .akl-cover__bar .akl-btn { min-height:46px; font-size:12px; padding:11px 20px; }
.akl .akl-cover__link { display:inline-flex; align-items:center; gap:10px; color:#f2ebd8; font-size:12px; font-weight:800; }
.akl .akl-cover__link:hover { color:#f6ce80; }
@media(max-width:767px) {
 .akl .akl-cover__image { aspect-ratio:1672 / 941; object-fit:contain; }
 .akl .akl-cover__arrow { width:44px; }
 .akl .akl-cover__arrow-icon { width:31px; height:31px; font-size:11px; }
 .akl .akl-cover__indicators { margin-bottom:8px; padding:5px 10px; gap:5px; }
 .akl .akl-cover__indicators [data-bs-target] { width:16px; height:4px; }
 .akl .akl-cover__indicators [data-bs-target].active { width:28px; }
 .akl .akl-cover__bar { padding:18px 0 20px; }
 .akl .akl-cover__bar-inner { display:block; }
 .akl .akl-cover__bar-actions { margin-top:16px; gap:18px; }
 .akl .akl-cover__bar .akl-btn { min-height:43px; font-size:11px; }
 .akl .akl-cover__overline { font-size:9px; }
}
@media(max-width:420px) {
 .akl .akl-cover__bar-actions { flex-direction:column; align-items:stretch; }
 .akl .akl-cover__bar .akl-btn { width:100%; }
 .akl .akl-cover__link { justify-content:center; padding:5px; }
}
@media(prefers-reduced-motion:reduce) {
 .akl .akl-cover__indicators [data-bs-target],
 .akl .akl-cover__arrow-icon { transition:none; }
}