.hp-dong--1,.hp-the--1{--hp-mau:var(--brand-flow-1)}.hp-dong--2,.hp-the--2{--hp-mau:var(--brand-flow-2)}.hp-dong--3,.hp-the--3{--hp-mau:var(--brand-flow-3)}.hp-dong--4,.hp-the--4{--hp-mau:var(--brand-flow-4)}.hp-hero{display:grid;justify-items:center;text-align:center;padding-block:clamp(3.5rem,7vw,6rem) clamp(3.5rem,7vw,5.5rem)}.hp-hero h1{max-inline-size:26ch;margin:0;font-size:clamp(2.2rem,4.4vw,3.7rem);font-weight:740;line-height:1.08;letter-spacing:var(--tracking-display);text-wrap:balance}.hp-hero h1 strong{font-weight:inherit;color:var(--accent);background:var(--brand-action);-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hp-hero h1 strong{color:transparent}}.hp-hero__lede{max-inline-size:60ch;margin:var(--space-md) auto 0;color:var(--text);font-size:clamp(1rem,1.6vw,1.14rem);line-height:1.7;text-wrap:pretty}.hp-ke{inline-size:100%;margin:clamp(2.5rem,5vw,3.5rem) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);text-align:start}.hp-the{position:relative;display:flex;flex-direction:column;min-inline-size:0;padding:var(--space-md) var(--space-md) var(--space-md);background:color-mix(in oklch,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out),border-color var(--duration-fast) ease}.hp-the:before{content:"";position:absolute;inset:0 0 auto;block-size:4px;background:var(--hp-mau)}.hp-the:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:color-mix(in oklch,var(--hp-mau) 38%,var(--border))}.hp-the__dau{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon noi" "ten ten";align-items:center;grid-column-gap:var(--space-2xs);column-gap:var(--space-2xs)}.hp-the__icon{grid-area:icon}.hp-the__noi{grid-area:noi}.hp-the__ten{grid-area:ten}.hp-the__icon{inline-size:44px;block-size:44px;flex:none;display:grid;place-items:center;color:var(--hp-mau);background:color-mix(in oklch,var(--hp-mau) 11%,transparent);border-radius:var(--radius-sm)}.hp-the__icon svg{inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hp-the__noi{min-inline-size:0;color:var(--muted);font-size:var(--text-xs);font-weight:620;text-align:end}.hp-the__ten{margin:var(--space-sm) 0 0;color:var(--text-strong);font-size:clamp(1.15rem,1.5vw,1.3rem);font-weight:720;line-height:1.25;letter-spacing:-.015em}.hp-the__loi{margin:var(--space-2xs) 0 0;color:var(--text);font-size:var(--text-sm);line-height:1.6}.hp-the__gia{margin:auto 0 0;-webkit-padding-before:var(--space-md);padding-block-start:var(--space-md);display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px;color:var(--text-strong)}.hp-the__gia b{font-size:1.3rem;font-weight:740;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hp-the__gia span{color:var(--muted);font-size:var(--text-sm)}.hp-the__chu{margin:2px 0 0;color:var(--free);font-size:var(--text-xs);font-weight:650}.hp-the__nut{-webkit-margin-before:var(--space-sm);margin-block-start:var(--space-sm);inline-size:100%;justify-content:center;gap:8px}.hp-the__nut svg{inline-size:17px;block-size:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hp-dong{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;grid-gap:clamp(2rem,5vw,4rem);gap:clamp(2rem,5vw,4rem)}.hp-dong+.hp-dong{-webkit-margin-before:clamp(3.5rem,7vw,5rem);margin-block-start:clamp(3.5rem,7vw,5rem)}.hp-dong--dao .hp-dong__khung{order:2}.hp-dong__khung{margin:0;padding:var(--space-2xs);background:var(--marketing-demo-surface);border:1px solid var(--marketing-demo-rule);border-radius:20px;box-shadow:0 26px 70px var(--marketing-demo-shadow)}.hp-dong__khung img,.hp-dong__khung video{display:block;inline-size:100%;block-size:auto;border-radius:14px;background:var(--marketing-demo-surface-2)}.hp-dong__khung figcaption{padding:var(--space-2xs) var(--space-2xs) 2px;color:var(--marketing-demo-muted);font-size:var(--text-xs)}.hp-dong__chu{min-inline-size:0}.hp-dong__nhan{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--marketing-band-muted);font-size:var(--text-sm);font-weight:650}.hp-dong__nhan i{inline-size:10px;block-size:10px;border-radius:50%;background:var(--hp-mau);box-shadow:0 0 0 4px color-mix(in srgb,var(--hp-mau) 28%,transparent)}.hp-dong__chu h3{margin:var(--space-2xs) 0 0;color:var(--marketing-band-ink);font-size:clamp(1.45rem,2.6vw,2rem);font-weight:720;line-height:1.2;letter-spacing:var(--tracking-display);text-wrap:balance}.hp-dong__chu .tick-list li{color:var(--marketing-band-muted)}.hp-dong__chu .tick-list li:before{background-color:color-mix(in srgb,var(--marketing-band-ink) 14%,transparent)}.hp-dong__link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;color:var(--marketing-band-ink);font-weight:650;border:1px solid var(--marketing-band-line);border-radius:var(--radius-input);background:color-mix(in srgb,var(--marketing-band-ink) 7%,transparent);transition:background-color var(--duration-fast) ease,border-color var(--duration-fast) ease}.hp-dong__link:focus-visible,.hp-dong__link:hover{color:var(--marketing-band-ink);background:color-mix(in srgb,var(--marketing-band-ink) 14%,transparent);border-color:color-mix(in srgb,var(--marketing-band-ink) 40%,transparent)}.hp-dong__link svg{inline-size:17px;block-size:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hp-vi-sao .home-section__head{-webkit-margin-after:var(--space-lg);margin-block-end:var(--space-lg)}.hp-vi-sao__ds{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border)}.hp-vi-sao__ds li{display:grid;align-content:start;grid-gap:var(--space-2xs);gap:var(--space-2xs);padding:var(--space-lg) var(--space-md)}.hp-vi-sao__ds li+li{-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.hp-vi-sao__ds b{color:var(--text-strong);font-size:var(--text-md);font-weight:700}.hp-vi-sao__ds span{color:var(--muted);font-size:var(--text-sm);line-height:1.6}.hp-chot__nut{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:flex-end}.hp-chot__phu,.hp-chot__phu:visited{color:var(--color-accent-ink);background:transparent;border-color:color-mix(in srgb,var(--color-accent-ink) 42%,transparent)}.hp-chot__phu:focus-visible,.hp-chot__phu:hover{color:var(--color-accent-ink);background:color-mix(in srgb,var(--color-accent-ink) 12%,transparent);border-color:var(--color-accent-ink)}@media (max-width:1100px){.hp-ke,.hp-vi-sao__ds{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-vi-sao__ds li:nth-child(3){-webkit-border-start:0;border-inline-start:0}.hp-vi-sao__ds li:nth-child(n+3){-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}}@media (max-width:900px){.hp-dong{grid-template-columns:1fr}.hp-dong--dao .hp-dong__khung{order:0}.hp-chot__nut{justify-content:flex-start}}@media (max-width:600px){.hp-hero{padding-block:var(--space-xl) var(--space-xl)}.hp-hero h1{font-size:clamp(1.95rem,8.4vw,2.4rem);line-height:1.12}.hp-hero__lede{-webkit-margin-before:var(--space-sm);margin-block-start:var(--space-sm);font-size:var(--text-sm);line-height:1.65}.hp-ke{grid-template-columns:1fr;gap:var(--space-xs);-webkit-margin-before:var(--space-lg);margin-block-start:var(--space-lg)}.hp-the{padding:var(--space-sm);border-radius:var(--radius-card)}.hp-the:hover{transform:none}.hp-the__dau{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon ten" "icon noi";grid-column-gap:var(--space-xs);column-gap:var(--space-xs);grid-row-gap:0;row-gap:0;align-items:center}.hp-the__icon{grid-area:icon;inline-size:40px;block-size:40px}.hp-the__noi{grid-area:noi;text-align:start}.hp-the__ten{margin:0;font-size:1.12rem}.hp-the__loi{-webkit-margin-before:var(--space-2xs);margin-block-start:var(--space-2xs)}.hp-the__gia{-webkit-padding-before:var(--space-xs);padding-block-start:var(--space-xs)}.hp-the__gia b{font-size:1.15rem}.hp-the__nut{min-block-size:46px;-webkit-margin-before:var(--space-xs);margin-block-start:var(--space-xs)}.hp-dong__khung{padding:6px;border-radius:var(--radius-card)}.hp-dong__khung img,.hp-dong__khung video{border-radius:10px}.hp-dong__link{min-block-size:44px}.hp-vi-sao__ds{grid-template-columns:1fr}.hp-vi-sao__ds li+li{-webkit-border-start:0;border-inline-start:0;-webkit-border-before:1px solid var(--border);border-block-start:1px solid var(--border)}.hp-vi-sao__ds li{padding-inline:0}.hp-chot__nut .btn{flex:1 1 100%}}@media (prefers-reduced-motion:reduce){.hp-the{transition:border-color var(--duration-fast) ease}.hp-the:hover{transform:none}}