/* Theme A – Tươi mát hữu cơ (fresh organic, light) */
:root{--topbar-line:rgba(230,242,218,.35);
  --font-body:'Be Vietnam Pro',system-ui,-apple-system,sans-serif;--font-head:'Be Vietnam Pro',system-ui,sans-serif;
  --bg:#F7FAF2;--surface:#FFFFFF;--alt-bg:#E9F4DE;--field-bg:#FBFDF8;
  --ink:#163C26;--ink-2:#3C5A47;--head:#003C1A;--link:#076A3F;--link-hover:#003C1A;
  --brand:#003C1A;--brand-2:#076A3F;--accent:#6BB442;--accent-ink:#003C1A;--accent-strong:#3E8F37;--eyebrow:#076A3F;
  --line:#E1ECD6;--line-2:#CFE3BF;--shadow:rgba(0,60,26,.35);--focus:#076A3F;--focus-soft:rgba(107,180,66,.25);--pulse:rgba(107,180,66,.5);
  --btn-bg:#003C1A;--btn-ink:#FFFFFF;--btn-radius:999px;--ghost-line:#003C1A;--ghost-ink:#003C1A;
  --radius:24px;--radius-lg:36px;--ic-radius:16px;--ic-bg:#E6F2DA;--ic-ink:#076A3F;--ic-clip:none;
  --card-bg:#FFFFFF;--card-line:#E1ECD6;--chip-bg:#E9F4DE;
  --topbar-bg:#003C1A;--topbar-ink:#E6F2DA;--header-bg:rgba(247,250,242,.97);--header-ink:#003C1A;--drawer-bg:#FFFFFF;--drawer-ink:#003C1A;
  --hero-bg:linear-gradient(135deg,#E3F2D5 0%,#F4FAEE 50%,#D6EBC3 100%);--hero-ink:#003C1A;--hero-ink-2:#2E4A38;--hero-eyebrow:#076A3F;--deco-op:0;
  --ph-bg:linear-gradient(150deg,#D4EBC2,#8CC66A);--ph-ink:#003C1A;
  --band-bg:#003C1A;--band-ink:#FFFFFF;--band-eyebrow:#9FD47C;--band-chip:rgba(255,255,255,.08);
  --footer-bg:#002A12;--footer-ink:#CFE3BF;--footer-head:#FFFFFF;--footer-line:#1E4A30;
  --orbit-line:#9FD47C;--orbit-core:#F1F8EA;--feature-bg:#FFFFFF;--feature-glow:#E6F2DA;
  --journey-line:linear-gradient(#E6F6D3,#6FB742 50%,#0A5A31);
}
/* page hero decorations: soft blobs */
.page-hero .deco1,.page-hero .deco2{position:absolute;border-radius:50%;filter:blur(2px)}
.page-hero .deco1{width:420px;height:420px;right:-120px;top:-160px;background:radial-gradient(circle,#BFE09F 0%,transparent 70%);animation:float 9s ease-in-out infinite}
.page-hero .deco2{width:300px;height:300px;right:18%;bottom:-180px;background:radial-gradient(circle,#CFE7B8 0%,transparent 70%);animation:float 11s ease-in-out -3s infinite}

/* home hero: one rounded panel */
.hero-home{padding:40px 0 48px;background:linear-gradient(135deg,#E3F2D5 0%,#F4FAEE 48%,#D6EBC3 100%)}
@media (min-width:640px){.hero-home{padding:72px 0 80px}}
.hero-home h1{color:#003C1A}
.hero-home .hl{color:#003C1A}
.pill{background:#FFFFFF;color:#076A3F}
.hero-sub{color:#076A3F}
.hero-lead{color:#2E4A38}
.trust{border-top:1px solid rgba(0,60,26,.12)}
.trust .ic{width:40px;height:40px;padding:10px;border-radius:50%;background:#FFFFFF;color:#076A3F}
.hero-home .btn-ghost{background:#FFFFFF;border-color:#FFFFFF}
.hero-visual .blob{position:absolute;inset:8%;border-radius:58% 42% 46% 54%/52% 46% 54% 48%;background:linear-gradient(150deg,#9FD47C 0%,#4E9A3C 60%,#076A3F 100%);animation:blob 14s ease-in-out infinite}
.hero-visual .ring{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(7,106,63,.35)}
.hero-disc{position:absolute;inset:24%;border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 30px 60px -24px rgba(0,40,15,.45)}
.hero-icon{filter:drop-shadow(0 18px 22px rgba(0,60,26,.25))}
.hex-bg{display:none}
@keyframes blob{0%,100%{border-radius:58% 42% 46% 54%/52% 46% 54% 48%}33%{border-radius:42% 58% 60% 40%/46% 60% 40% 54%}66%{border-radius:52% 48% 38% 62%/60% 42% 58% 40%}}
.marquee{background:var(--accent);color:#003C1A}

/* journey: white cards, icon light → dark */
.journey .j-item{background:#FFFFFF;border:1px solid var(--line)}
.journey .j-n{color:var(--accent-strong)}
.journey h3{color:#003C1A}.journey p{color:var(--ink-2)}
.j-ic{border-radius:50%}
.j1 .j-ic{background:#FFFFFF;border:3px solid #6BB442;color:#076A3F}
.j2 .j-ic{background:#A6E06D;color:#003C1A}
.j3 .j-ic{background:#6BB442;color:#003C1A}
.j4 .j-ic{background:#2F8A45;color:#FFFFFF}
.j5 .j-ic{background:#003C1A;color:#FFFFFF}
.journey-sec{background:#FFFFFF}

/* orbit chips light → dark */
.o1 span{background:#FFFFFF;border:2px solid #6BB442;color:#003C1A}
.o2 span{background:#E6F2DA;color:#003C1A}
.o3 span{background:#6BB442;color:#003C1A}
.o4 span{background:#076A3F;color:#FFFFFF}
.o5 span{background:#003C1A;color:#FFFFFF}

/* lifestyle cards light → dark */
.life{border:1px solid transparent}
.l1{background:#FFFFFF;border-color:#E1ECD6;color:#003C1A}
.l2{background:#E6F2DA;color:#003C1A}
.l3{background:#A6E06D;color:#003C1A}
.l4{background:#3E9A4A;color:#FFFFFF}
.l5{background:#003C1A;color:#FFFFFF}
.l1:hover,.l2:hover,.l3:hover{color:#003C1A}.l4:hover,.l5:hover{color:#FFFFFF}
.life-ic{background:rgba(255,255,255,.7);color:currentColor;border-radius:16px}
.l1 .life-ic{background:#E6F2DA}
.l4 .life-ic,.l5 .life-ic{background:rgba(255,255,255,.14)}
.life-sec{background:#FFFFFF}

.feature{background:#FFFFFF}
.value .card-ic{background:#003C1A;color:#9FD47C}
.why .q{background:#FFFFFF}
.page-home .section-alt{background:#E6F2DA}

/* Compact homepage hero, matching the shorter introductions on inner pages. */
.page-home .hero-home{padding:30px 0 36px}
.page-home .hero-visual{width:min(300px,72vw)}
.page-home .hero-text h1{font-size:clamp(30px,3.3vw,48px);line-height:1.16}
@media(max-width:900px){.page-home .hero-home{padding:12px 0 20px}.page-home .hero-in{padding-top:18px!important;padding-bottom:18px!important;gap:20px!important}.page-home .hero-text h1{font-size:32px!important}.page-home .hero-visual{width:min(230px,66vw)}}