.tpl{--tp-pad:clamp(1.25rem,5vw,4.5rem);background:var(--tp-bg);color:var(--tp-fg);font-family:var(--tp-text);line-height:1.7;container-type:inline-size;position:relative;isolation:isolate;overflow:clip}.tpl *,.tpl :after,.tpl :before{box-sizing:border-box}.tpl .tpl-h1,.tpl .tpl-sub,.tpl h1,.tpl h2,.tpl h3{font-family:var(--tp-display);font-weight:var(--tp-weight);letter-spacing:var(--tp-tracking);line-height:1.12;margin:0;text-wrap:balance}.tpl p{margin:0;text-wrap:pretty}.tpl ol,.tpl ul{margin:0;padding:0;list-style:none}.tpl-h1{font-size:clamp(2.1rem,6.4cqi,4.6rem)}.tpl-accent-word{color:var(--tp-accent);font-style:italic}.tpl-eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tp-accent);font-weight:600;margin-bottom:1rem}.tpl-lede{color:var(--tp-muted);font-size:clamp(.95rem,1.5cqi,1.1rem);max-width:46ch}.tpl-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.tpl-btn{font:inherit;font-weight:600;font-size:.9rem;padding:.85rem 1.6rem;border:1px solid var(--tp-accent);border-radius:var(--tp-radius);background:var(--tp-accent);color:var(--tp-accent-fg);cursor:pointer;position:relative;transition:transform .16s cubic-bezier(.2,.9,.3,1),filter .16s}.tpl-btn:hover{filter:brightness(1.08)}.tpl-btn:active{transform:translateY(1px)}.tpl-btn-sm{padding:.5rem 1rem;font-size:.8rem}.tpl-btn-ghost{background:transparent;color:var(--tp-fg);border-color:var(--tp-line)}.tpl-btn[data-demo-action]:after{content:"bản demo";position:absolute;inset-inline-start:50%;bottom:calc(100% + 8px);translate:-50% 4px;padding:.3rem .6rem;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:var(--tp-fg);color:var(--tp-bg);border-radius:3px;opacity:0;pointer-events:none;transition:opacity .14s,translate .14s}.tpl-btn[data-demo-action]:focus-visible:after,.tpl-btn[data-demo-action]:hover:after{opacity:1;translate:-50% 0}.tpl-nav{display:flex;align-items:center;gap:1.5rem;padding:1.1rem var(--tp-pad);border-bottom:1px solid var(--tp-line);position:relative;z-index:3}.tpl-mark{font-family:var(--tp-display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.tpl-nav nav{margin-inline-start:auto}.tpl-nav ul{display:flex;gap:1.4rem}.tpl-nav li span{font-size:.85rem;color:var(--tp-muted);cursor:default}@container (max-width: 680px){.tpl-nav nav{display:none}.tpl-nav{justify-content:space-between}.tpl-nav .tpl-btn{margin-inline-start:auto}}.tpl-foot{gap:1rem 2rem;align-items:center;padding:2.5rem var(--tp-pad);border-top:1px solid var(--tp-line);color:var(--tp-muted);font-size:.82rem}.tpl-foot,.tpl-foot ul{display:flex;flex-wrap:wrap}.tpl-foot ul{gap:1.2rem;margin-inline-start:auto}.tpl svg{display:block;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.tpl-fig .tpl-arc{transform-origin:center;animation:tpl-breathe 9s ease-in-out infinite;animation-delay:calc(var(--i) * .24s)}.tpl-fig .tpl-bar{animation:tpl-pulse 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * 45ms);transform-origin:center}.tpl-fig .tpl-ribbon{stroke-dasharray:620;stroke-dashoffset:620;animation:tpl-draw 3.4s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--i) * .18s)}}@keyframes tpl-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes tpl-pulse{0%,to{scale:1 .82}50%{scale:1 1.08}}@keyframes tpl-draw{to{stroke-dashoffset:0}}.tpl-tex-dots:before,.tpl-tex-grain:before,.tpl-tex-grid:before,.tpl-tex-hatch:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5}.tpl-tex-grid:before{background-image:linear-gradient(to right,color-mix(in oklab,var(--tp-fg) 7%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--tp-fg) 7%,transparent) 1px,transparent 1px);background-size:56px 56px}.tpl-tex-dots:before{background-image:radial-gradient(color-mix(in oklab,var(--tp-fg) 14%,transparent) 1px,transparent 1px);background-size:22px 22px}.tpl-tex-hatch:before{background-image:repeating-linear-gradient(45deg,color-mix(in oklab,var(--tp-fg) 5%,transparent) 0 1px,transparent 1px 9px)}.tpl-tex-grain:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.42'/></svg>");mix-blend-mode:overlay;opacity:.3}.tpl-hero{position:relative;z-index:1;padding:clamp(2.5rem,7cqi,6rem) var(--tp-pad)}.tpl-hero-split{display:grid;gap:clamp(2rem,5cqi,4rem);align-items:center}@container (min-width: 820px){.tpl-hero-split{grid-template-columns:1.05fr .95fr}}.tpl-split-fig{aspect-ratio:4/3;max-height:420px;border-radius:var(--tp-radius);overflow:hidden;border:1px solid var(--tp-line)}.tpl-stats{display:flex;flex-wrap:wrap;gap:2rem;margin:2.5rem 0 0}.tpl-stats div{display:grid;gap:.15rem}.tpl-stats dt{font-family:var(--tp-display);font-size:clamp(1.6rem,3cqi,2.4rem);font-weight:var(--tp-weight)}.tpl-stats dd{margin:0;font-size:.78rem;color:var(--tp-muted);letter-spacing:.04em}.tpl-stats-row{justify-content:space-between;margin:0}.tpl-hero-center{text-align:center;display:grid;place-items:center;min-height:min(68cqi,680px)}.tpl-hero-center .tpl-lede{margin-inline:auto;text-wrap:balance}.tpl-hero-center .tpl-actions{justify-content:center}.tpl-fig-bleed{position:absolute;inset:0;z-index:-1;opacity:.22}.tpl-center-copy{max-width:46rem}.tpl-hero-bleed{padding:0;min-height:min(72cqi,720px);display:grid;position:relative}.tpl-bleed-fig{position:absolute;inset:0}.tpl-bleed-copy{position:relative;grid-area:1/1;align-self:end;padding:var(--tp-pad);background:linear-gradient(to top,var(--tp-bg) 0,color-mix(in oklab,var(--tp-bg) 88%,transparent) 55%,transparent 100%);padding-top:clamp(3rem,12cqi,9rem);width:100%}.tpl-bleed-copy .tpl-h1{max-width:18ch}.tpl-hero-mag .tpl-h1{font-size:clamp(2.3rem,8cqi,5.6rem);max-width:16ch}.tpl-mag-brow{border-top:2px solid var(--tp-fg);padding-top:.75rem}.tpl-mag-body{display:grid;gap:2rem;margin-top:2.5rem}@container (min-width: 900px){.tpl-mag-body{grid-template-columns:1fr 1.3fr 1fr;align-items:start}}.tpl-mag-fig{aspect-ratio:1;max-height:380px;border-radius:var(--tp-radius);overflow:hidden}.tpl-mag-side{display:grid;gap:1.5rem}.tpl-mag-side h3{font-size:1rem;margin-bottom:.35rem}.tpl-mag-side p{font-size:.85rem;color:var(--tp-muted)}.tpl-bento-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@container (min-width: 860px){.tpl-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(130px,auto)}}.tpl-cell{border:1px solid var(--tp-line);border-radius:var(--tp-radius);padding:1.5rem;background:var(--tp-surface)}.tpl-cell-head{grid-column:1/-1}@container (min-width: 860px){.tpl-cell-fig,.tpl-cell-head{grid-column:span 2;grid-row:span 2}.tpl-cell-fig{padding:0;overflow:hidden}}.tpl-cell-fig{padding:0;overflow:hidden;min-height:180px}.tpl-cell-stat{display:grid;align-content:center;gap:.2rem}.tpl-stat-v{font-family:var(--tp-display);font-size:2rem}.tpl-stat-k{font-size:.75rem;color:var(--tp-muted)}.tpl-cell-note{grid-column:1/-1}@container (min-width: 860px){.tpl-cell-note{grid-column:span 2}}.tpl-cell-note h3{font-size:1.05rem;margin-bottom:.35rem}.tpl-cell-note p{font-size:.85rem;color:var(--tp-muted)}.tpl-hero-side{display:grid;gap:2rem}@container (min-width: 820px){.tpl-hero-side{grid-template-columns:.9fr 1.1fr;align-items:center}}.tpl-side-fig{aspect-ratio:1/1;max-height:440px;overflow:hidden;border-radius:var(--tp-radius)}.tpl-nav-side{border-bottom:1px solid var(--tp-line)}.tpl-brutalist-stack .tpl-btn{box-shadow:4px 4px 0 var(--tp-fg);border:2px solid var(--tp-fg)}.tpl-brutalist-stack .tpl-cell,.tpl-brutalist-stack .tpl-split-fig{border:2px solid var(--tp-fg);box-shadow:6px 6px 0 var(--tp-fg)}.tpl-hero-brut .tpl-h1{font-size:clamp(2.4rem,9cqi,5.8rem);text-transform:uppercase;line-height:1.08}.tpl-brut-row{display:grid;gap:1.5rem;margin:2rem 0}@container (min-width: 820px){.tpl-brut-row{grid-template-columns:1fr 1fr}}.tpl-brut-fig{aspect-ratio:16/10;max-height:400px;border:2px solid var(--tp-fg);overflow:hidden}.tpl-catalog-head{max-width:42rem;margin-bottom:2.5rem}.tpl-catalog-strip{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@container (min-width: 880px){.tpl-catalog-strip{grid-template-columns:repeat(4,1fr)}}.tpl-card{border:1px solid var(--tp-line);border-radius:var(--tp-radius);overflow:hidden;background:var(--tp-surface);transition:translate .2s cubic-bezier(.2,.9,.3,1)}.tpl-card:hover{translate:0 -4px}.tpl-card-fig{aspect-ratio:4/3}.tpl-card h3{font-size:.98rem;padding:.9rem 1rem 0}.tpl-card p{font-size:.8rem;color:var(--tp-muted);padding:.3rem 1rem 1rem}.tpl-meta{display:inline-block;font-size:.75rem;letter-spacing:.03em;color:var(--tp-accent);padding:0 1rem 1rem;font-weight:600}.tpl-hero-duo{padding:0;display:grid;min-height:min(62cqi,620px)}@container (min-width: 820px){.tpl-hero-duo{grid-template-columns:1fr 1fr}}.tpl-duo-a,.tpl-duo-b{padding:var(--tp-pad);display:grid;align-content:center}.tpl-duo-b{background:var(--tp-surface);gap:1.5rem}.tpl-duo-b svg{border-radius:var(--tp-radius);aspect-ratio:4/3;max-height:360px}.tpl-hero-ticker{padding-top:0}.tpl-ticker{overflow:hidden;border-block:1px solid var(--tp-line);margin:0 calc(var(--tp-pad) * -1) clamp(2rem,5cqi,3.5rem);background:var(--tp-accent);color:var(--tp-accent-fg)}.tpl-ticker-run{display:flex;width:max-content}.tpl-ticker-run span{display:flex}.tpl-ticker-run i{font-style:normal;font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.6rem;white-space:nowrap}@media (prefers-reduced-motion:no-preference){.tpl-ticker-run{animation:tpl-marquee 26s linear infinite}}@keyframes tpl-marquee{to{transform:translateX(-50%)}}.tpl-ticker-body{max-width:44rem}.tpl-ticker-fig{margin-top:2.5rem;aspect-ratio:24/7;max-height:280px;overflow:hidden;border-radius:var(--tp-radius)}.tpl-hero-float{display:grid;place-items:center;min-height:min(66cqi,660px);position:relative;padding-block:clamp(3rem,8cqi,7rem)}.tpl-float-bg{position:absolute;inset:0;z-index:-1}.tpl-hero-float .tpl-lede{text-wrap:balance}.tpl-float-card{background:var(--tp-surface);border:1px solid var(--tp-line);border-radius:calc(var(--tp-radius) * 1.5);padding:clamp(1.75rem,4cqi,3.25rem);max-width:40rem;box-shadow:0 30px 80px -40px rgba(0,0,0,.45)}.tpl-index-head{max-width:40rem}.tpl-index-list{margin-top:3rem;border-top:1px solid var(--tp-line)}.tpl-index-list li{display:grid;gap:.25rem 1.5rem;padding:1.4rem 0;border-bottom:1px solid var(--tp-line);align-items:baseline;transition:padding-inline-start .22s cubic-bezier(.2,.9,.3,1)}@container (min-width: 760px){.tpl-index-list li{grid-template-columns:3rem 1fr 1.4fr}}.tpl-index-list li:hover{padding-inline-start:1rem}.tpl-index-n{color:var(--tp-accent);font-size:.9rem}.tpl-index-n,.tpl-index-t{font-family:var(--tp-display)}.tpl-index-t{font-size:clamp(1.1rem,2.4cqi,1.6rem)}.tpl-index-d{color:var(--tp-muted);font-size:.88rem}.tpl-band{position:relative;z-index:1;padding:clamp(2.5rem,6cqi,5rem) var(--tp-pad);border-top:1px solid var(--tp-line)}.tpl-band-surface{background:var(--tp-surface)}.tpl-band-accent{background:var(--tp-accent);color:var(--tp-accent-fg)}.tpl-band-accent .tpl-btn{background:var(--tp-fg);border-color:var(--tp-fg);color:var(--tp-bg)}.tpl-band-label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--tp-muted);margin-bottom:2rem}.tpl-features{display:grid;gap:2rem}@container (min-width: 760px){.tpl-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.tpl-features-wide{gap:3rem}.tpl-features article{display:grid;gap:.5rem;align-content:start}.tpl-feat-n{font-family:var(--tp-display);color:var(--tp-accent);font-size:.85rem;letter-spacing:.1em}.tpl-features h3{font-size:1.15rem}.tpl-features p{color:var(--tp-muted);font-size:.9rem}.tpl-items{display:grid;gap:1.25rem}@container (min-width: 760px){.tpl-items{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.tpl-item{border:1px solid var(--tp-line);border-radius:var(--tp-radius);overflow:hidden;background:var(--tp-surface);display:grid;grid-template-rows:auto 1fr;transition:translate .2s cubic-bezier(.2,.9,.3,1),border-color .2s}.tpl-item:hover{translate:0 -5px;border-color:var(--tp-accent)}.tpl-item-fig{aspect-ratio:16/10}.tpl-item-body{padding:1.1rem 1.25rem 1.35rem;display:grid;gap:.4rem;align-content:start}.tpl-item h3{font-size:1.05rem}.tpl-item p{font-size:.86rem;color:var(--tp-muted)}.tpl-item .tpl-meta{padding:0}.tpl-quote{margin:0;max-width:52rem}.tpl-quote p{font-family:var(--tp-display);font-size:clamp(1.3rem,3.4cqi,2.1rem);line-height:1.35}.tpl-quote cite{display:block;margin-top:1.25rem;font-style:normal;font-size:.82rem;color:var(--tp-muted);letter-spacing:.06em}.tpl-closing{display:grid;gap:1rem;justify-items:start;max-width:44rem}.tpl-closing h2{font-size:clamp(1.7rem,4.4cqi,2.9rem)}.tpl-closing p{opacity:.85}.tpl-preview .tpl-hero-bleed{min-height:62cqi}.tpl-preview .tpl-hero-bleed .tpl-bleed-copy{align-self:center}.tpl-preview .tpl-hero-center,.tpl-preview .tpl-hero-float{min-height:58cqi}.tpl-preview .tpl-hero-duo{min-height:56cqi}.tpl-photo{display:block;width:100%;height:100%;object-fit:cover;background:var(--tp-surface)}.tpl-fig-bleed,.tpl-float-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}.tpl-fig-bleed:after,.tpl-float-bg:after{content:"";position:absolute;inset:0;background:color-mix(in oklab,var(--tp-bg) 72%,transparent)}.tpl-float-bg:after{background:color-mix(in oklab,var(--tp-bg) 58%,transparent)}.tpl-bleed-fig .tpl-photo{opacity:1}