@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#17271b;--green:#0e5a32;--lime:#b8d637;--cream:#f7f6ed;--line:#d9dfc9;--muted:#617062}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Be Vietnam Pro',sans-serif;line-height:1.55}a{color:inherit}.topbar{height:76px;padding:0 clamp(22px,7vw,110px);display:flex;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:800;text-decoration:none;white-space:nowrap}.brand small{color:var(--green);font-weight:600}.leaf{color:var(--lime);font-size:29px;vertical-align:-2px}.topbar nav{display:flex;gap:22px;margin-left:auto;font-size:13px;font-weight:600}.topbar nav a{text-decoration:none}.language{display:flex;border:1px solid var(--line);border-radius:99px;padding:3px}.language button{border:0;background:transparent;padding:6px 9px;border-radius:99px;font:inherit;font-size:11px;cursor:pointer}.language .selected{background:var(--green);color:#fff}.hero{min-height:560px;padding:78px clamp(22px,10vw,155px);display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center;background:linear-gradient(105deg,rgba(247,246,237,.94),rgba(247,246,237,.74)),url('https://vietnga.vn/wp-content/uploads/2023/07/vietnga.vn-phong-thi-nghiem-phan-1.jpg') center/cover}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--green);font-weight:800;margin:0 0 13px}.hero h1,.section h2,.cta h2{font-size:clamp(35px,4.4vw,64px);letter-spacing:-.055em;line-height:1.05;margin:0}.hero em{font-family:'Playfair Display',serif;color:var(--green);font-weight:700}.lede{max-width:620px;font-size:17px;color:#39483a;margin:24px 0}.actions{display:flex;gap:12px;align-items:center}.primary,.secondary{border:0;border-radius:7px;padding:14px 20px;font:700 14px 'Be Vietnam Pro',sans-serif;cursor:pointer;text-decoration:none}.primary{background:var(--green);color:#fff}.secondary{color:var(--green);background:#fff;border:1px solid var(--green)}.disclaimer{max-width:550px;color:#5a685a;font-size:11px;margin-top:22px}.chat-preview{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 24px 60px rgba(30,55,28,.16);overflow:hidden}.preview-head{padding:14px 18px;background:#1a3d25;color:#fff;font-size:12px;display:flex;gap:8px;align-items:center}.preview-head span:last-child{margin-left:auto}.status{width:8px;height:8px;border-radius:50%;background:var(--lime)}.bubble{margin:14px 16px;padding:11px 13px;border-radius:10px;font-size:12px}.user{margin-left:65px;background:#eef1e3}.assistant{margin-right:34px;background:#f7f8f1}.chips{padding:0 16px 18px;display:flex;gap:7px;flex-wrap:wrap}.chips button{font:600 11px inherit;color:var(--green);background:#fff;border:1px solid #b7c69e;border-radius:99px;padding:8px;cursor:pointer}.trust{background:var(--green);color:#fff;padding:16px clamp(22px,9vw,140px);display:flex;justify-content:space-between;gap:16px;font-size:11px;font-weight:700}.section{padding:96px clamp(22px,10vw,155px)}.section h2{font-size:clamp(31px,3.5vw,48px);max-width:680px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.card{padding:24px;background:#fff;border:1px solid var(--line);text-align:left;border-radius:10px;cursor:pointer;transition:.2s}.card:hover{border-color:var(--green);transform:translateY(-3px)}.card b{font-size:24px;display:block}.card strong{display:block;margin:16px 0 8px;font-size:15px}.card span{font-size:12px;color:var(--muted)}.green{background:#e9efdc;display:grid;grid-template-columns:1fr 1fr;gap:70px}.green ol{margin:0;padding:0;list-style:none}.green li{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid #c9d4ba}.green li span{color:var(--green);font-weight:800}.green p{font-size:13px;color:var(--muted);margin:4px 0}.cta{padding:65px clamp(22px,10vw,155px);display:flex;justify-content:space-between;align-items:center;background:#153d28;color:white}.cta .eyebrow{color:var(--lime)}.cta h2{font-size:38px}.light{background:var(--lime);color:#193f2b;white-space:nowrap}footer{padding:23px;text-align:center;background:#0b2517;color:#bfd1bc;font-size:11px}@media(max-width:800px){.topbar{height:auto;padding:14px 20px;flex-wrap:wrap}.topbar nav{display:none}.language{margin-left:auto}.hero,.green{grid-template-columns:1fr;padding:60px 24px;gap:40px}.trust{flex-wrap:wrap}.cards{grid-template-columns:1fr 1fr}.cta{padding:45px 24px;gap:22px;align-items:flex-start;flex-direction:column}.section{padding:70px 24px}}@media(max-width:460px){.cards{grid-template-columns:1fr}.language button{font-size:10px;padding:5px}.brand{font-size:17px}}