/* #main_content.lp-main dat overflow-x:hidden (inan-landingpage.css) — theo spec CSS,
   khi 1 truc overflow khac visible con truc kia khong dat, truc con lai tu dong thanh
   "auto", bien .lp-main thanh containing block cho position:sticky va lam hong sticky
   cua ivd-policy-left. Selector goc dung ID nen phai dung !important de thang specificity;
   chi override khi trang co dung noi dung nay (khong anh huong landingpage khac). */
.lp-main:has(.ivd-about-page){overflow-x:visible!important}
.ivd-about-page{--ivd-c:#005EDB;}
.ivd-about-page .container{max-width:1280px;margin:0 auto;padding:0 20px}
.ivd-about-page section{padding:48px 0}
/* .ivd-hero-section/.ivd-vm-section duoc tai su dung dang <div> (khong con
   la the <section>) o trang danh sach Tuyen dung — bo sung padding tuong
   duong bang selector theo class de giu nguyen dung khoang cach goc. */
.ivd-about-page .ivd-hero-section,.ivd-about-page .ivd-vm-section{padding:48px 0}
.ivd-capacity-section {border: 0 !important}
.ivd-about-page h2.ivd-h2{font-size:1.75rem;font-weight:700;margin:0 0 8px;letter-spacing:-0.029em}
.ivd-about-page p.ivd-lead{color:#4a4f63;font-size:1rem;margin:0 0 32px;max-width:680px}
.ivd-about-page .ivd-eyebrow{display:inline-block;font-size:0.75rem;font-weight:600;color:var(--ivd-c);background:#eef3fd;padding:6px 14px;border-radius:50px;margin-bottom:14px;text-transform:uppercase}
/* Hero */
.ivd-hero{display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding:8px 0 0}
.ivd-hero__img-col{flex:0 0 auto;width:50%;position:relative}
.ivd-hero__primary{position:relative;box-shadow:0 12px 30px rgba(18,80,220,.14);border-radius:16px}
.ivd-hero__primary img{width:100%;height:390px;object-fit:cover;display:block;border-radius:16px}
.ivd-hero__badge{position:absolute;left:-16px;bottom:-16px;background:var(--ivd-c);border-radius:14px;padding:20px 28px;box-shadow:0 16px 32px rgba(18,80,220,.35);text-align:center}
.ivd-hero__badge strong{display:block;font-size:1.75rem;font-weight:700;color:#fff;line-height:1}
.ivd-hero__badge span{display:block;font-size:0.8125rem;color:#fff;margin-top:6px;opacity:.92}
.ivd-hero__grid{display:flex;gap:16px;margin-top:16px}
.ivd-hero__grid img{width:calc(50% - 8px);object-fit:cover;border-radius:10px;display:block}
.ivd-hero__content-col{flex:1 1 320px;min-width:280px}
.ivd-hero__content-col h1,.ivd-hero__content-col h2{font-size:2rem;font-weight:800;letter-spacing:-0.02em;margin:0 0 14px;line-height:1.25}
.ivd-achv-list{display:flex;flex-direction:column;gap:16px;margin-top:32px}
.ivd-achv{display:flex;align-items:flex-start;gap:16px}
.ivd-achv__icon{flex:0 0 auto;width:60px;height:60px;border-radius:12px;background:#eef3fd;color:var(--ivd-c);display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.ivd-achv__desc{color:#4a4f63;font-size:0.875rem;margin:0}
.ivd-hero__cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ivd-btn{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(315deg,#1250dc,#306de4);color:#fff;font-weight:600;font-size:1rem;padding:13px 26px;border-radius:50px;text-decoration:none;transition:opacity .2s}
.ivd-btn:hover{opacity:.9;color:#fff;text-decoration:none}
.ivd-hero__phone{font-size:0.875rem;color:#4a4f63}
.ivd-hero__phone strong{display:block;color:#1a1a2e;font-size:1.0625rem}
/* Timeline v4 — kieu FPT nhung hien het cac giai doan cung luc (khong can bam) */
.ivd-tl3{display:flex;flex-direction:column}
.ivd-tl3__row{display:flex;align-items:center;gap:32px;padding:28px 0}
.ivd-tl3__row+.ivd-tl3__row{border-top:1px solid #eef1f5}
.ivd-tl3__row--rev{flex-direction:row-reverse}
.ivd-tl3__big{writing-mode:vertical-rl;transform:rotate(180deg);font-size:2.25rem;font-weight:800;color:#e7eaf0;letter-spacing:0.04em;flex:0 0 auto;line-height:1;user-select:none}
.ivd-tl3__body{flex:1 1 260px;min-width:0}
.ivd-tl3__body h3{font-size:1.125rem;font-weight:700;margin:0 0 12px}
.ivd-tl3__photo{flex:0 0 440px}
.ivd-tl3__photo img{width:100%;height:250px;object-fit:cover;border-radius:12px;display:block}
/* Vision/Mission */
/* Tam nhin & Su menh — dung khuon Thong tin phap ly (.ivd-legal-*) nhung dao
   nguoc vi tri (anh ben phai, 2 card noi dung ben trai xep doc) va shape sau
   anh dam mau hon vi nen section la #eaeffa (khong phai trang), shape nhat
   nhu ben legal se khong noi len duoc. */
.ivd-press-section { background: #f2f7ff; border-radius: 0 0 150px 0; margin: 30px 0; }
.ivd-legal-section { background: url(/images/background-triangle-lightblue.svg) no-repeat 100% 0; background-size: contain; padding-bottom: 90px; }
.ivd-vm-section {background: url(/images/bg-triangle-dot-left.svg) no-repeat 0 100px, url(/images/bg-triangle-dot-right.svg) no-repeat 100% 100px; background-size: contain; border: 0 !important; padding: 30px 0 135px 0 !important;}
.ivd-vm-grid{display:flex;gap:32px;align-items:flex-start}
.ivd-vm-content-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
/* Dau ngoac kep trang tri o goc — dung dung kieu voi .ivd-quote-inline-wrap
   (css/quote-popup.css) de ngu y day la trich loi cua CEO (di kem badge
   "Founder CEO" o anh ben canh). */
.ivd-vm-card{background:#fff;border-radius:12px;padding:44px 24px 24px;border:1px solid #D8E2E6;position:relative}
.ivd-vm-card::before{content:'\201C';position:absolute;top:4px;left:20px;font-size:4.5rem;font-weight:800;line-height:1;color:#d7dee6;font-family:Georgia,'Times New Roman',serif;pointer-events:none}
.ivd-vm-card>*{position:relative;z-index:1}
.ivd-vm-card h3, .ivd-cap-card h3, .ivd-policy-card h3{font-size:1.125rem;font-weight:700;margin:0 0 12px}

.ivd-vm-card ul{margin:10px 0 0;padding-left:20px;color:#4a4f63;font-size:1rem}
.ivd-vm-card ul li{margin-bottom:8px}
.ivd-vm-img-col{flex:0 0 40%;position:relative}
.ivd-vm-shape{position:absolute;top:-16px;right:-16px;width:92%;height:94%;background:#b3cbf7;border-radius:20px;z-index:0}
.ivd-vm-photo{position:relative;z-index:1;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(18,80,220,.14)}
.ivd-vm-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Card grid (production capacity) */
.ivd-cap-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px;transition:box-shadow .2s,transform .2s}
.ivd-cap-card:hover{box-shadow:0 12px 24px rgba(16,24,40,.08);transform:translateY(-2px)}
.ivd-cap-card__icon{width:44px;height:44px;border-radius:12px;background:#eef3fd;color:var(--ivd-c);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:14px}
.ivd-cap-card h4{font-size:1.125rem;font-weight:700;margin:0 0 10px;min-height:42px}
.ivd-cap-card ul{margin:0;padding-left:18px;font-size:0.8125rem;color:#4a4f63}
.ivd-cap-card ul li{margin-bottom:6px}
/* HR mosaic — 4 cot bang nhau, moi cot gom dung 1 the chu + 1 anh xep doc;
   cot le (1,3): the chu tren, anh duoi. Cot chan (2,4): anh tren, the chu
   duoi. Doi thu tu tren/duoi xen ke giua cac cot tao cam giac so le. */
.ivd-hr-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ivd-hr-col{display:flex;flex-direction:column;gap:16px}
.ivd-hr-card{flex:none;border-radius:16px;padding:24px;color:#fff;min-height:180px}
.ivd-hr-photo{flex:1;position:relative;border-radius:16px;overflow:hidden}
.ivd-hr-photo img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}
.ivd-hr-photo .ivd-hero__badge{left:16px;bottom:16px;max-width:calc(100% - 32px);padding:12px 20px; border-radius: 8px}
.ivd-hr-photo .ivd-hero__badge strong{font-size:0.875rem;}
.ivd-hr-card h4{font-size:0.875rem;font-weight:700;margin:0}
.ivd-hr-card--purple{background:#000}
.ivd-hr-card--black{background:#e4007b}
.ivd-hr-card--orange{background:#feed01; color: #090d14}
.ivd-hr-card--blue{background:var(--ivd-c)}
/* Badge tren anh dung dung mau voi the chu cung cot (xem .ivd-hr-card--*) */
.ivd-hero__badge--purple{background:#000}
.ivd-hero__badge--black{background:#e4007b}
.ivd-hero__badge--orange{background:#feed01}
.ivd-hero__badge--orange strong{color:#090d14}
.ivd-hero__badge--blue{background:var(--ivd-c)}
/* Capacity v3 — khung anh (chi hinh anh, co dot) + luoi 4 the nang luc san xuat */
/* Anh nguon la 9:16 (doc). Dat aspect-ratio:9/16 dung bang ti le anh that len
   frame se tu tinh ra chieu cao khop hoan toan voi chieu rong — object-fit:
   cover khi do khong con gi de crop (ti le khop 100%) nen anh hien du ca
   chieu cao lan chieu rong, khong bi cat vien nao ma van lap day khung.
   Giam flex-basis tu 36% -> 26% de chieu cao tinh ra (rong*16/9) khong qua
   khong lo so voi luoi the ben canh; grid dung align-content:center de 4 the
   tu can giua theo chieu doc trong khung da bi keo cao hon boi anh doc. */
.ivd-cap2{display:flex;gap:16px;align-items:stretch}
/* Dot chuyen xuong duoi anh (khong con overlay de tren anh nua) nen can 1
   cot rieng (img-col) goi ca khung anh lan hang dot xep doc; img-col moi la
   flex item that su cua .ivd-cap2, .ivd-cap2__imgframe chi lo phan crop anh. */
.ivd-cap2__img-col{flex:0 0 36%;display:flex;flex-direction:column;gap:12px}
.ivd-cap2__imgframe{position:relative;width:100%;border-radius:16px;overflow:hidden;background:#eef1f5;aspect-ratio:9/16;min-height:300px}
.ivd-cap2__imgframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:ivdCapSlide 16s infinite}
.ivd-cap2__imgframe img:nth-child(2){animation-delay:4s}
.ivd-cap2__imgframe img:nth-child(3){animation-delay:8s}
.ivd-cap2__imgframe img:nth-child(4){animation-delay:12s}
@keyframes ivdCapSlide{0%{opacity:0}3%{opacity:1}22%{opacity:1}25%{opacity:0}100%{opacity:0}}
/* Dot kieu hs-dots (slide trang chu) — dung dung mau hs-dot/hs-dot--active
   vi gio dot nam duoi anh, tren nen trang cua section, giong het boi canh
   cua hs-dots o slide trang chu (khong con la overlay tren anh nua). */
.ivd-cap2__dots{display:flex;justify-content:center;gap:8px}
.ivd-cap2__dots span{width:6px;height:6px;border-radius:50%;background:#cfe0fa;animation:ivdCapDot 16s infinite}
.ivd-cap2__dots span:nth-child(2){animation-delay:4s}
.ivd-cap2__dots span:nth-child(3){animation-delay:8s}
.ivd-cap2__dots span:nth-child(4){animation-delay:12s}
@keyframes ivdCapDot{0%{width:6px;border-radius:50%;background:#cfe0fa}3%{width:16px;border-radius:50px;background:var(--ivd-brand, #1d52d7)}22%{width:16px;border-radius:50px;background:var(--ivd-brand, #1d52d7)}25%{width:6px;border-radius:50%;background:#cfe0fa}100%{width:6px;border-radius:50%;background:#cfe0fa}}
.ivd-cap2__grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-content:center}
/* Package banner */
.ivd-banner{background:linear-gradient(315deg,#1250dc,#306de4);border-radius:20px;padding:36px 40px;color:#fff}
.ivd-banner h2{color:#fff;font-size:1.375rem;margin:0 0 10px}
.ivd-banner p{margin:0;opacity:.92;max-width:760px}
/* Policy grid — cot trai sticky (tieu de + subtitle) + cot phai luoi 2x3 the toi mau */
.ivd-policy-grid{display:flex;gap:32px;align-items:flex-start}
.ivd-policy-left{flex:0 0 34%;position:sticky;top:calc(var(--ivd-header-h, 60px) + 20px)}
.ivd-policy-left .ivd-h2{margin-top:0}
.ivd-policy-left p{color:#4a4f63;font-size:1rem;margin:16px 0 0}
.ivd-policy-right{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ivd-policy-card { border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; }
.ivd-policy-card__icon{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--ivd-c);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:14px;box-shadow:0 4px 10px rgba(16,24,40,.08)}
.ivd-policy-card h4{color:#1a1a2e;font-size:1.0625rem;font-weight:700;margin:0 0 10px}
/* Info table */
.ivd-info-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}
.ivd-info-table a {color: #1250dc}
.ivd-info-table tr:not(:last-child) td{border-bottom:1px solid #eef1f5}
.ivd-info-table td{padding:16px 20px;font-size:1rem;vertical-align:top}
.ivd-info-table td:first-child{width:220px;font-weight:600;color:#4a4f63;background:#f8fafc}
.ivd-info-table ul{margin:0;padding-left:18px}
.ivd-info-table ul li{margin-bottom:6px}
/* Legal grid — anh giay phep (co shape trang tri phia sau) + bang thong tin phap ly */
.ivd-legal-grid{display:flex;gap:32px;align-items:flex-start;margin-top:24px}
.ivd-legal-img-col{flex:0 0 40%;position:relative}
.ivd-legal-shape{position:absolute;top:-16px;left:-16px;width:92%;height:94%;background:#eef3fd;border-radius:20px;z-index:0}
.ivd-legal-photo{position:relative;z-index:1;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px rgba(18,80,220,.14)}
.ivd-legal-photo img{width:100%;object-fit:cover;display:block}
.ivd-legal-badge{position:absolute;top:16px;left:16px;max-width:calc(100% - 32px);background:var(--ivd-c);color:#fff;font-weight:700;font-size:0.875rem;padding:12px 16px;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.14);display:inline-flex;align-items:center;gap:16px}
.ivd-legal-badge i{font-size:1.125rem;flex:0 0 auto}
.ivd-legal-content-col{flex:1;min-width:0;border: 1px solid #eef1f5; border-radius: 12px;}
p.ivd-achv__title{font-weight:600;margin:0 0 5px;font-size:1rem}
@media(max-width:991px){
.ivd-vm-section {padding:30px 0 !important}
.ivd-hero__img-col{width:100%}
.ivd-legal-grid{flex-direction:column}
.ivd-legal-img-col{flex:1 1 auto;width:100%}
.ivd-vm-grid{flex-direction:column}
.ivd-vm-img-col{flex:1 1 auto;width:100%}
.ivd-hr-mosaic{grid-template-columns:repeat(2,1fr)}
.ivd-info-table td:first-child{width:150px}
.ivd-policy-grid{flex-direction:column}
.ivd-policy-left{position:static;flex:1 1 auto;width:100%}
.ivd-cap2{flex-direction:column}
/* Xep chong: full-width + 9:16 se qua cao (VD 700px rong -> ~1244px cao),
   nen gioi han bang max-width + can giua thay vi keo dai het hang ngang —
   khung van giu dung ti le 9:16, anh van hien du 100% khong bi cat, chi
   khac la khong chiem tron chieu rong cot nua (hop ly vi xep doc). */
.ivd-cap2__img-col{flex:0 0 auto;width:100%;max-width:360px;margin:0 auto}
.ivd-cap2__imgframe{min-height:0}
.ivd-tl3__row,.ivd-tl3__row--rev{display:grid;grid-template-columns:auto 1fr;align-items:start;padding:24px 0}
.ivd-tl3__big{grid-column:1;grid-row:1/3}
.ivd-tl3__body{grid-column:2;grid-row:1;flex:none}
.ivd-tl3__photo{grid-column:2;grid-row:2;flex:none;width:100%}
.ivd-tl3__photo img{height:100%}
.ivd-tl3__row--rev{grid-template-columns:1fr auto}
.ivd-tl3__row--rev .ivd-tl3__big{grid-column:2}
.ivd-tl3__row--rev .ivd-tl3__body{grid-column:1}
.ivd-tl3__row--rev .ivd-tl3__photo{grid-column:1}
}
@media(max-width:767px){
.ivd-about-page h2.ivd-h2{font-size:1.5rem}
.ivd-hero{gap:12px}
.ivd-hero__grid{gap:12px}
.ivd-achv-list{gap:12px}
.ivd-achv{gap:12px}
.ivd-hero__cta{gap:12px}
.ivd-btn{gap:12px}
.ivd-tl3__row{gap:12px}
.ivd-hr-mosaic{gap:12px}
.ivd-cap2{gap:12px}
.ivd-cap2__dots{gap:12px}
.ivd-cap2__grid{gap:12px}
.ivd-policy-grid{gap:12px}
.ivd-policy-right{gap:12px}
.ivd-legal-grid{gap:12px}
.ivd-legal-badge{gap:12px}
.ivd-vm-content-col{gap:12px}
.ivd-vm-grid{gap:12px}
}
@media(max-width:575px){
.ivd-hr-mosaic{grid-template-columns:1fr}
.ivd-hr-photo img{min-height:200px}
.ivd-hr-card{min-height:200px}
.ivd-policy-right{grid-template-columns:1fr}
.ivd-cap2__grid{grid-template-columns:1fr}
.ivd-about-page section{padding:36px 0}
.ivd-about-page .ivd-hero-section,.ivd-about-page .ivd-vm-section{padding:36px 0}
.ivd-hero__content-col h1,.ivd-hero__content-col h2{font-size:1.5rem}
.ivd-banner{padding:28px 24px}
}