@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--navy:#172943;--navy2:#223f59;--ink:#213348;--muted:#627383;--cream:#fbfaf7;--white:#fff;--sand:#eee5d9;--gold:#c49c62;--teal:#366d76;--border:#e5e9ec;--shadow:0 12px 40px #152b4110}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:15px/1.68 'Be Vietnam Pro',system-ui,-apple-system,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b48b47;outline-offset:3px}.wrap{width:min(1170px,calc(100% - 44px));margin:auto}.preview-ribbon{background:#faf1db;color:#795327;text-align:center;font-size:11px;font-weight:800;letter-spacing:.09em;padding:7px 10px}.site-header{position:sticky;top:0;z-index:20;background:#ffffffef;backdrop-filter:blur(10px);border-bottom:1px solid #e9edf0}.header-inner{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px}.logo-mark{background:var(--navy);width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:white;font-size:18px;font-weight:800;letter-spacing:-.1em}.logo-dot{color:var(--gold)}.brand strong{display:block;font-size:16px;letter-spacing:.03em;color:var(--navy)}.brand small{display:block;color:#71818c;font-size:10px;font-weight:600}nav{display:flex;align-items:center;gap:24px}nav>a{font-size:12px;font-weight:700}nav>a:hover{color:var(--teal)}nav>.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:9px}.nav-cta span{color:var(--gold)}.mobile-menu{display:none;border:none;background:none;font-size:25px}.hero{background:linear-gradient(125deg,#f9f8f5,#fcfbf9 60%,#eff4f3);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:50px;min-height:600px;padding:62px 0}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:#9a7647}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{width:8px;height:8px;background:#cba363;border-radius:50%}.hero h1{font-size:clamp(39px,4.3vw,60px);line-height:1.19;letter-spacing:-.05em;margin:20px 0;color:var(--navy);font-weight:800}.hero h1 em{font-style:normal;color:var(--teal)}.hero-desc{font-size:14px;color:#5a6977;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:33px 0}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:14px 22px;border-radius:10px;font-size:13px;font-weight:800;min-height:49px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--navy);color:#fff}.button-primary span{color:var(--gold)}.button-light{background:#fff;border:1px solid #dde3e7}.trust-strip{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:11px;color:#6a7780;font-weight:700;margin-top:25px}.hero-art{min-height:450px;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid #d7dedb;width:450px;height:450px;border-radius:50%;box-shadow:0 0 0 44px #e3eee857}.art-card{position:relative;background:white;border-radius:20px;box-shadow:0 25px 80px #193a4b25;z-index:1}.art-main{width:390px;padding:27px;transform:rotate(-2deg)}.art-top,.art-line,.art-foot{display:flex;justify-content:space-between;align-items:center;gap:12px}.doc-pill{color:var(--teal);background:#eaf3f0;font-size:9px;font-weight:800;letter-spacing:.1em;padding:8px 10px;border-radius:6px}.art-dots{color:#b2bec3}.art-main h3{font-size:21px;line-height:1.45;color:var(--navy);margin:23px 0}.art-line{font-size:10px;color:#72818a;font-weight:700}.art-line b{color:var(--teal)}.stage{height:7px;border-radius:30px;background:#ecf0ed;margin-top:7px}.stage-fill{width:31%;height:100%;background:var(--teal);display:block;border-radius:30px}.chart-bars{height:120px;margin-top:26px;display:flex;align-items:end;justify-content:space-around;border-bottom:1px solid #e0e5e8;padding:0 8px;gap:13px}.chart-bars i{background:linear-gradient(0deg,#b9d4cc,#39717a);border-radius:7px 7px 0 0;flex:1}.art-foot{font-size:10px;color:#85949a;margin-top:13px}.art-float{position:absolute;right:-20px;bottom:34px;width:195px;padding:18px;display:flex;flex-direction:column;gap:2px}.art-float b{font-size:13px}.art-float small{font-size:10px;color:#74828b}.tiny-icon{color:#b68a49}.art-seal{position:absolute;left:0;top:13px;background:var(--gold);color:#fff;width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(-10deg);font-size:13px;letter-spacing:.09em;font-weight:800;z-index:2;box-shadow:0 14px 30px #795a3830}.art-seal b{font-size:9px}.intro-strip{background:var(--navy);color:white}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:12px}.strip-grid>div{border-right:1px solid #ffffff27;display:flex;flex-direction:column;gap:4px;padding-left:25px}.strip-grid>div:last-child{border:none}.strip-grid b{font-size:20px}.strip-grid span{font-size:10px;color:#c6d4d8}.section{padding:91px 0}.section-soft{background:#f7f8f7}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:33px}.section-head h2,.privacy h2,.contact-copy h2{font-size:clamp(29px,3vw,41px);letter-spacing:-.04em;line-height:1.3;color:var(--navy);margin:10px 0 0}.section-head p{max-width:375px;color:var(--muted);font-size:13px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{border:1px solid var(--border);border-radius:17px;padding:26px 24px;background:white;min-height:280px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}.service-card:hover{border-color:#b6cbd0;box-shadow:var(--shadow);transform:translateY(-3px)}.service-n{position:absolute;top:23px;right:25px;font-size:10px;color:#a8b5be;font-weight:800}.service-icon{height:46px;width:46px;border-radius:12px;background:#f0f4f4;color:#4f7b7d;display:grid;place-items:center;font-size:25px}.service-card h3{color:var(--navy);font-size:16px;line-height:1.4;margin:22px 0 8px}.service-card p{font-size:12px;color:var(--muted);margin:0 0 20px;flex:1}.service-card a{font-size:11px;font-weight:800;color:var(--teal)}.service-card a span{margin-left:4px}.service-card.featured{background:var(--navy);color:white;border-color:var(--navy)}.service-card.featured h3,.service-card.featured a{color:white}.service-card.featured p{color:#c9d6da}.service-card.featured .service-icon{background:#ffffff15;color:var(--gold)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{position:relative;border-top:1px solid #c9d6d6;padding-top:28px}.step-count{width:44px;height:44px;border-radius:50%;background:#e3ecea;color:var(--teal);display:grid;place-items:center;font-size:13px;font-weight:800}.step h3{font-size:15px;color:var(--navy);margin:17px 0 5px}.step p{font-size:12px;color:var(--muted)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.articles article{background:white}.article-graphic{height:175px;border-radius:14px;display:flex;align-items:center;justify-content:space-around;color:white;overflow:hidden}.article-graphic span{font-size:21px;font-weight:800;letter-spacing:.08em}.article-graphic b{font-size:108px;opacity:.12;line-height:1}.article-graphic.blue{background:#385676}.article-graphic.ochre{background:#b38a5b}.article-graphic.teal{background:#426d71}.article-tag{font-size:10px;font-weight:800;color:var(--teal);display:block;margin:19px 0 7px}.articles h3{font-size:16px;line-height:1.5;color:var(--navy);margin:0}.articles p{font-size:12px;color:var(--muted)}.privacy{background:var(--navy);color:white}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section-kicker-gold{color:var(--gold)}.privacy h2{color:white}.privacy p{color:#cbd6dc;font-size:13px}.privacy-points div{display:flex;align-items:start;gap:20px;border-bottom:1px solid #ffffff27;padding:14px 0}.privacy-points div span{color:var(--gold);font-size:11px;font-weight:800}.privacy-points p{margin:0}.contact-section{background:#f8f8f6}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px}.contact-copy p{color:var(--muted);font-size:13px;max-width:350px}.contact-detail{display:flex;flex-direction:column;gap:4px;margin-top:36px}.contact-detail span,.contact-detail small{font-size:11px;color:var(--muted)}.contact-detail b{font-size:24px;color:var(--navy)}.contact-form{background:#fff;border:1px solid #e4e8e8;border-radius:18px;padding:33px;box-shadow:var(--shadow)}.form-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e8eeee;padding-bottom:18px;margin-bottom:23px;align-items:center}.form-head b{color:var(--navy)}.form-head span{font-size:10px;color:var(--muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:11px;color:#415768;font-weight:700;margin-bottom:17px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{margin-top:6px;width:100%;border:1px solid #dfe5e7;background:#fbfcfc;border-radius:8px;outline:0;padding:13px 12px;font-size:12px;color:var(--ink)}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--teal)}.consent{display:flex!important;gap:11px;align-items:flex-start;font-size:10px!important;font-weight:500!important;color:#647383!important}.consent input{margin-top:3px}.submit-btn{width:100%}.form-hint{font-size:10px;color:#996b35;margin:10px 0 0}footer{background:#0e1e32;color:white;padding:40px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:50px}footer strong{font-size:15px}footer b{font-size:12px}footer p{font-size:11px;color:#aab7c3;max-width:400px}footer a,footer small{display:block;font-size:11px;color:#aab7c3;margin-top:10px}.toast{position:fixed;bottom:25px;right:25px;z-index:99;padding:14px 19px;background:var(--navy);color:white;border-radius:9px;box-shadow:var(--shadow);max-width:380px;font-size:12px}@media(max-width:1050px){nav{gap:12px}.hero-grid{gap:20px}.hero-art{transform:scale(.9)}.strip-grid>div{padding-left:7px}}@media(max-width:760px){.wrap{width:min(100% - 30px,1170px)}.header-inner{min-height:70px}.brand strong{font-size:13px}.brand small{font-size:9px}.logo-mark{width:40px;height:40px}.mobile-menu{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 15px 30px #11243420;padding:20px;flex-direction:column;align-items:stretch;gap:18px}.site-header nav.open{display:flex}.hero-grid,.privacy-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:45px 0 40px;gap:0}.hero h1{font-size:42px}.hero-art{transform:scale(.83);margin:-20px auto -40px;width:100%;min-height:360px}.art-main{width:min(90vw,390px)}.art-float{right:0}.art-seal{left:0}.intro-strip .strip-grid{grid-template-columns:1fr 1fr;row-gap:20px}.strip-grid>div{border-right:none;padding-left:0}.section{padding:65px 0}.section-head{display:block}.services-grid{grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr 1fr}.articles{grid-template-columns:1fr 1fr}.privacy-grid,.contact-grid{gap:25px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero h1{font-size:35px}.hero-art{transform:scale(.72);height:300px;min-height:300px;margin:-15px auto -50px}.hero-actions .button{width:100%}.services-grid,.steps-grid,.articles,.form-row{grid-template-columns:1fr}.service-card{min-height:245px}.articles article:nth-child(3){display:block}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr}}
.turnstile-slot{margin:12px 0 16px;min-height:64px}.submit-btn:disabled{opacity:.55;cursor:not-allowed}.policy-main{max-width:820px}.contact-detail b{font-size:18px}.contact-form input[type=email]{width:100%;display:block}

/* Kênh liên hệ chính thức: 0937 257 891 */
.contact-phone{color:var(--navy);text-decoration:none;white-space:nowrap}
.contact-phone:hover{color:var(--teal)}
.contact-quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0 14px}
.contact-quick-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8e3e5;border-radius:10px;padding:10px 17px;font-weight:800;font-size:12px;background:white;color:var(--navy);transition:background .2s,border-color .2s}
.contact-quick-actions a:hover{background:#eef5f4;border-color:#a7c8c5}
.contact-quick-actions .quick-call{background:var(--navy);color:white;border-color:var(--navy)}
.contact-quick-actions .quick-call:hover{background:var(--navy2)}
