:root{color-scheme:light;--ink:#1b2940;--teal:#195e73;--paper:#f8f5ec;--white:#fffdf6;--line:#d8e1dd;--muted:#5f655f;--peach:#ad5f27}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body[data-language="vi"] [data-copy="en"],body[data-language="en"] [data-copy="vi"]{display:none!important}
a{color:var(--teal)}img{max-width:100%;height:auto}.container{width:min(1100px,calc(100% - 36px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:8px}.skip:focus{top:12px;z-index:10}
.header{position:sticky;top:0;z-index:5;background:#f8f5ecee;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--ink);text-decoration:none}.brand img{width:42px;border-radius:10px}.nav-right,.links,.language{display:flex;align-items:center;gap:16px}.links a{text-decoration:none;color:var(--ink)}.links a[aria-current]{color:var(--teal);font-weight:750}.language{gap:2px;padding:3px;border:1px solid var(--line);border-radius:20px}.language button{border:0;border-radius:18px;background:none;padding:4px 9px;color:var(--ink);cursor:pointer}.language button[aria-pressed="true"]{background:var(--teal);color:white}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.13;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,6vw,5rem);margin:12px 0 22px}h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 16px}h3{font-size:1.45rem;margin:0 0 8px}h1 em,h2 em{font-style:normal;color:var(--teal)}p{margin:0 0 16px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.75rem;font-weight:800;color:var(--teal)}.lead{font-size:1.16rem;color:var(--muted);max-width:650px}.hero{padding:72px 0 82px;background:repeating-linear-gradient(0deg,transparent 0 27px,#d8e1dd80 28px,transparent 29px)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px}.hero small{color:var(--muted)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.button{display:inline-block;padding:12px 22px;border:1px solid var(--teal);border-radius:9px;background:var(--teal);color:white;font-weight:700;text-decoration:none}.button.secondary{background:var(--white);color:var(--teal)}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:560px}.phone{overflow:hidden;width:245px;max-width:65%;aspect-ratio:1320/2868;border:9px solid var(--ink);border-radius:36px;background:var(--white);box-shadow:13px 18px 0 #195e7333}.phone img{width:100%;height:100%;object-fit:cover}.phone.back{position:absolute;transform:translate(95px,-30px) rotate(9deg);filter:brightness(.85)}.phone.front{position:relative;transform:translate(-45px,25px) rotate(-5deg)}.badge{position:absolute;right:0;bottom:25px;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:10px;box-shadow:4px 5px 0 #195e732b;font-weight:800}.section{padding:80px 0}.section.white{background:var(--white)}.section-head{max-width:680px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{padding:26px;background:var(--white);border:1px solid #c9c9b8;border-radius:12px;box-shadow:4px 5px 0 #195e7325}.card b{display:block;color:var(--teal);font-size:1.5rem;margin-bottom:14px}.card p:last-child{margin:0}.stat{display:flex;gap:32px;flex-wrap:wrap;margin:30px 0}.stat strong{display:block;font:700 2rem Georgia,serif;color:var(--teal)}.shots{display:flex;gap:24px;overflow-x:auto;padding:12px 5px 25px}.shots img{width:220px;flex:none;border:5px solid var(--ink);border-radius:27px;box-shadow:6px 8px 0 #195e7333}.cta{padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--teal);color:white;border-radius:16px}.cta h2{font-size:2rem}.cta .button{background:var(--white);color:var(--teal);white-space:nowrap}.page-hero{padding:68px 0 55px;background:repeating-linear-gradient(0deg,transparent 0 27px,#d8e1dd80 28px,transparent 29px)}.page-hero p:last-child{max-width:690px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:290px 1fr;align-items:start;gap:34px}.contact{position:sticky;top:100px}.contact img{width:72px;border-radius:15px;margin-bottom:14px}.contact .button{margin-top:12px}.prose{max-width:760px}.prose section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.prose ul{padding-left:24px}.prose li{margin:7px 0}.updated{font-size:.9rem;color:var(--muted)}.footer{padding:35px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer small{max-width:740px;color:var(--muted)}.footer-links{display:flex;gap:18px;white-space:nowrap}
@media(max-width:800px){.hero-grid,.content-grid{grid-template-columns:1fr}.phone-stage{min-height:490px}.cards{grid-template-columns:1fr}.contact{position:static}.footer-inner{display:block}.footer-links{margin-top:15px}.nav{flex-wrap:wrap;padding:12px 0}.nav-right{flex-wrap:wrap;justify-content:flex-end}.links{gap:10px}}
@media(max-width:480px){.hero{padding:45px 0}.section{padding:55px 0}.phone-stage{min-height:400px}.phone{width:190px}.phone.back{transform:translate(70px,-25px) rotate(9deg)}.phone.front{transform:translate(-40px,20px) rotate(-5deg)}.badge{right:0;bottom:0;font-size:.8rem}.cta{display:block}.cta .button{margin-top:15px}.links{font-size:.85rem}}