:root{--ink:#24212a;--plum:#251823;--deep:#1b121a;--gold:#e0bc73;--muted:#746e76;--line:#e7e3e7;--paper:#fff;--soft:#f5f4f7;--serif:'Newsreader',Georgia,serif;--sans:'Be Vietnam Pro',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p+p{margin-top:1rem}h2{font:500 clamp(2rem,3.1vw,3.15rem)/1.18 var(--serif);letter-spacing:-.025em;text-transform:none}h3{font-size:1.12rem;line-height:1.5;font-weight:600}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #be8940;outline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--gold);color:#251b19;padding:17px 24px;border:1px solid var(--gold);border-radius:4px;font-weight:600;font-size:.875rem;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:#efcf8f;transform:translateY(-2px)}.button span{font-size:1.25rem}.button.small{font-size:.8rem;padding:11px 17px;gap:17px}.text-link{display:inline-flex;align-items:center;font-size:.875rem;font-weight:500;border-bottom:1px solid currentColor;padding:4px 0;line-height:1.8}.eyebrow{font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;margin-bottom:24px;line-height:1.7;color:#936e37}header{position:sticky;top:0;z-index:20;background:rgba(27,18,26,.98);color:#fdf8ec;border-bottom:1px solid #ffffff14}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:49px;height:49px;object-fit:contain}.brand span{font-size:.85rem;letter-spacing:.055em;font-weight:600}nav{display:flex;gap:29px}nav a{font-size:.8rem;color:#d9d0d8;transition:color .2s}nav a:hover{color:var(--gold)}.menu-toggle{display:none}.hero{position:relative;background:var(--deep);color:#fff;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b121afa,#211420bd),var(--hero-bg) center/cover;opacity:.7}.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-top:70px;padding-bottom:55px}.hero .eyebrow{color:var(--gold);letter-spacing:.075em;margin-bottom:27px}.hero .eyebrow span{display:inline-block;width:22px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.hero h1{font:400 clamp(4.6rem,6.4vw,6.3rem)/.99 var(--serif);letter-spacing:-.04em;margin-bottom:25px}.hero h1 em{font-weight:400;color:var(--gold)}.hero h2{font:500 1.24rem/1.6 var(--sans);letter-spacing:0;margin-bottom:20px}.hero-description{max-width:540px;font-size:.93rem;line-height:1.9;color:#bdb1ba}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.hero-actions .text-link{color:#e4d3b3;font-size:.8rem}.hero-visual{position:relative;align-self:stretch;min-height:570px;display:flex;align-items:flex-end;padding-left:30px}.portrait-frame{position:relative;width:100%;height:545px;border:1px solid #bd936552;border-radius:240px 240px 12px 12px;background:radial-gradient(ellipse at 50% 65%,#78504890,transparent 75%);isolation:isolate;overflow:hidden}.portrait-frame:after{content:'';position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(transparent,#23151dea);z-index:1}.portrait{position:absolute;height:102%;width:100%;object-fit:contain;object-position:bottom;bottom:-5px}.frame-label{position:absolute;top:30px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.68rem;letter-spacing:.3em;color:#c7a97b}.portrait-caption{position:absolute;z-index:2;bottom:27px;left:15px;right:15px;text-align:center}.portrait-caption span{font-size:.65rem;letter-spacing:.13em;color:#e5d8c3}.portrait-caption strong{display:block;color:#f2d39a;font:500 1.75rem/1.6 var(--serif);margin-top:6px}.mentor-seal{position:absolute;left:0;top:58%;width:104px;height:104px;background:#e2bd77;border:7px solid #2e2026;border-radius:50%;color:#352620;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;box-shadow:0 15px 30px #0003}.mentor-seal b{font:500 2rem/1 var(--serif)}.mentor-seal span{font-size:.62rem;line-height:1.45;text-align:center;margin-top:6px}.stats{position:relative;border-top:1px solid #ffffff20;display:grid;grid-template-columns:repeat(3,1fr);padding:26px 0 32px}.stats>div{display:flex;gap:20px;align-items:center;justify-content:center;border-right:1px solid #ffffff20}.stats>div:first-child{justify-content:flex-start}.stats>div:last-child{border:0}.stats strong{font:400 3.1rem/1.2 var(--serif);color:var(--gold)}.stats span{font-size:.8rem;color:#d6ccd3}.section{padding-top:105px;padding-bottom:105px}.section-heading{display:grid;grid-template-columns:1.1fr .85fr;gap:90px;align-items:end;margin-bottom:50px}.section-heading h2{max-width:620px}.section-lead{font-size:.92rem;line-height:1.95;padding-bottom:4px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.benefit{border-top:1px solid #c4b5a4;padding:24px 0 0;display:flex;flex-direction:column}.number{font:400 2.8rem/1 var(--serif);color:#baa586;margin-bottom:30px}.benefit h3{font:500 1.55rem/1.3 var(--serif);margin-bottom:24px;min-height:65px}.benefit p{font-size:.875rem;line-height:1.85}.benefit .micro{font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#a18c74;margin-bottom:7px}.solution{margin-top:25px;background:var(--soft);border-radius:5px;padding:22px;flex:1}.solution .micro{color:#815c27}.roadmap{background:var(--soft)}.roadmap-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:110px}.roadmap-heading h2{margin-bottom:27px}.roadmap-heading>p:not(.eyebrow){font-size:.91rem;line-height:1.95}.roadmap-heading .text-link{margin-top:30px;color:#795422}.step{display:grid;grid-template-columns:48px 1fr;gap:26px;padding:29px 0;border-bottom:1px solid #dedbe1}.step:first-child{padding-top:0}.step:last-child{border:0;padding-bottom:0}.step>span{display:flex;align-items:center;justify-content:center;border:1px solid #c4ac87;border-radius:50%;width:44px;height:44px;font:500 1.35rem var(--serif);color:#8c6937}.step h3{font-size:.95rem;text-transform:uppercase;margin-bottom:11px}.step p{font-size:.875rem;line-height:1.85}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tech-card{border:1px solid var(--line);padding:32px;border-radius:7px;position:relative}.tech-index{font:400 1.6rem var(--serif);color:#bca681;display:block;margin-bottom:21px}.tech-card h3{font-size:1.12rem;margin-bottom:12px}.tech-card p{font-size:.875rem;max-width:440px;margin-bottom:26px;min-height:52px}.tags{display:flex;flex-wrap:wrap;gap:9px}.tags span{border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:.76rem;background:#faf9fb;color:#514951}.quote-band{background:linear-gradient(#241520b8,#241520b8),var(--quote-bg) center/cover;color:#f6e8d2;text-align:center;padding:77px 0}.quote-band blockquote{font:400 clamp(2rem,3.3vw,3rem)/1.3 var(--serif);max-width:850px;margin:0 auto 23px}.quote-band p{color:var(--gold);font-size:.73rem;letter-spacing:.2em}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-copy h2{margin-bottom:26px}.contact-copy>p:not(.eyebrow){font-size:.9rem}.advisor{display:flex;gap:20px;align-items:center;margin:30px 0}.advisor img{width:75px;height:86px;object-fit:cover;object-position:top;background:#ece7eb;border-radius:44px 44px 5px 5px}.advisor strong{font-size:.9rem}.advisor p{font-size:.62rem;margin-top:5px;letter-spacing:.04em}.availability{border-left:2px solid #c39b60;padding:5px 0 5px 18px;color:#907343;line-height:1.8}form{padding:35px;background:var(--soft);border:1px solid #e7e1e8;border-radius:8px;align-self:start}form h3{font:500 1.6rem var(--serif);margin-bottom:25px}label{display:block;font-size:.76rem;font-weight:500;margin-bottom:7px}input,textarea{display:block;width:100%;border:1px solid #dcd6df;border-radius:4px;background:#fff;padding:12px 13px;color:var(--ink);font-size:.875rem;min-width:0;margin-bottom:19px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a099a4}input:focus,textarea:focus{border-color:#a58a64;outline:2px solid #d1b78b50;outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:.75rem;line-height:1.7;margin-bottom:18px}form>.button{width:100%;justify-content:space-between}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions a,.result-actions button{border:1px solid #be9b60;padding:8px 12px;background:white;border-radius:3px;font-size:.8rem}#form-result{margin-top:20px;padding-top:15px;border-top:1px solid #d8ced8}#form-result p{font-size:.8rem;margin-bottom:12px}.experiences{background:#f5f4f2}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{padding:0;border:0;background:#e4e4df;border-radius:5px;position:relative;overflow:hidden;aspect-ratio:4/5;isolation:isolate}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-item>span{position:absolute;bottom:0;left:0;right:0;padding:30px 15px 12px;background:linear-gradient(transparent,#0008);color:white;display:flex;justify-content:space-between;font-size:.75rem}footer{background:var(--deep);color:#d3c7ce;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr .55fr;gap:70px;padding-bottom:45px}.footer-grid p{font-size:.8rem;max-width:390px;color:#9e929b}.footer-role{font-size:.65rem!important;margin:17px 0 10px;letter-spacing:.04em}.footer-grid h3{font-size:.875rem;margin-bottom:17px;color:#e3ca9b}.footer-grid>div:not(:first-child)>a,.socials>span{display:block;font-size:.8rem;margin-bottom:9px;overflow-wrap:anywhere}.socials>span{color:#887e85}.footer-bottom{border-top:1px solid #ffffff16;padding-top:20px;padding-bottom:24px;display:flex;justify-content:space-between;font-size:.7rem;color:#968992}.footer-bottom a{color:#d8c4a4}dialog{padding:45px 65px;background:#171119;border:1px solid #6d5764;border-radius:8px;color:#fff;width:min(1100px,95vw);max-height:94dvh;overflow:auto}dialog::backdrop{background:#100b12e8}dialog[open]{display:flex;align-items:center;justify-content:center;gap:20px}dialog figure{margin:0;min-width:0}dialog img{max-height:75dvh;object-fit:contain;margin:auto}dialog figcaption{font-size:.8rem;text-align:center;margin-top:12px;color:#dfd4db}dialog button{border:1px solid #ffffff40;background:#2d2130;color:white;border-radius:50%;height:42px;min-width:42px;font-size:1.2rem}#close-lightbox{position:absolute;right:9px;top:8px;font-size:1.7rem}#copy-status{color:#725123}@media(min-width:1500px){.hero-grid{padding-top:90px;padding-bottom:75px}}@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.nav{gap:14px}nav{gap:15px}.brand span{font-size:.72rem}.button.small{font-size:.72rem}.hero-grid{gap:20px}.hero h1{font-size:5rem}.hero-visual{padding-left:18px}.section-heading{gap:50px}.roadmap-grid{gap:60px}.contact{gap:50px}.footer-grid{gap:35px}}@media(max-width:850px){.wrap{width:calc(100% - 40px)}.nav{min-height:76px}.brand img{width:43px;height:43px}.nav>.button{margin-left:auto;font-size:.7rem;padding:10px 12px;gap:8px}.menu-toggle{display:block;background:transparent;color:var(--gold);border:1px solid #ffffff30;border-radius:3px;font-size:1.3rem;width:38px;height:38px}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--deep);padding:24px;flex-direction:column;gap:18px;border-bottom:1px solid #ffffff30}.nav nav.open{display:flex}.hero-grid{padding-top:55px;grid-template-columns:1.1fr 1fr;gap:8px}.hero h1{font-size:4rem}.hero h2{font-size:1rem}.hero-description{font-size:.83rem}.hero .eyebrow{font-size:.65rem}.hero-visual{min-height:460px}.portrait-frame{height:440px}.portrait-caption strong{font-size:1.35rem}.portrait-caption span{font-size:.51rem}.frame-label{font-size:.53rem}.mentor-seal{width:84px;height:84px;left:0}.mentor-seal b{font-size:1.6rem}.mentor-seal span{font-size:.55rem}.hero-actions .button{font-size:.75rem;padding:14px 17px}.stats>div{gap:10px}.stats strong{font-size:2.6rem}.stats span{font-size:.65rem}.section{padding-top:75px;padding-bottom:75px}.section-heading{gap:30px;grid-template-columns:1fr 1fr}.section-heading h2{font-size:2.2rem}.benefits{gap:18px}.benefit h3{font-size:1.3rem}.solution{padding:16px}.roadmap-grid{gap:40px}.contact{gap:30px}form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.gallery{gap:12px}.footer-grid{gap:25px;grid-template-columns:1.3fr 1fr}.socials{grid-column:1/-1;display:flex;gap:25px}.footer-bottom{gap:30px}.eyebrow{font-size:.7rem}}@media(max-width:600px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{gap:9px;min-height:74px}.brand{gap:8px}.brand span{font-size:.66rem;letter-spacing:.015em}.brand img{width:34px;height:40px}.nav>.button{font-size:.65rem;padding:8px 9px;gap:0;max-width:107px;text-align:center}.nav>.button span{display:none}.menu-toggle{width:33px;height:35px;font-size:1.15rem;flex-shrink:0}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:30px}.hero h1{font-size:4.55rem;line-height:1.02}.hero h2{font-size:1.1rem;line-height:1.55}.hero .eyebrow{font-size:.65rem;letter-spacing:.055em;margin-bottom:22px}.hero-description{font-size:.9rem}.hero-actions{gap:22px;margin-top:27px}.hero-actions .button{font-size:.8rem;padding:15px 17px}.hero-actions .text-link{font-size:.76rem}.hero-visual{min-height:470px;margin-top:25px;padding:0 12px 0 24px}.portrait-frame{height:460px}.portrait-caption strong{font-size:1.7rem}.portrait-caption span{font-size:.65rem}.frame-label{font-size:.65rem}.mentor-seal{width:95px;height:95px;left:2px;top:60%}.stats{padding:23px 0 28px}.stats>div{flex-direction:column;gap:3px;justify-content:center!important;align-items:center;text-align:center}.stats strong{font-size:2.3rem}.stats span{font-size:.64rem;max-width:90px;line-height:1.6}.section{padding-top:65px;padding-bottom:65px}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.section-heading h2,h2{font-size:2.2rem;line-height:1.18}.section-lead{font-size:.9rem}.eyebrow{margin-bottom:18px}.benefits{grid-template-columns:1fr;gap:30px}.benefit{padding-top:20px}.number{font-size:2.3rem;margin-bottom:17px}.benefit h3{min-height:0;font-size:1.6rem;margin-bottom:21px}.benefit p{font-size:.9rem}.benefit .micro{font-size:.75rem}.solution{padding:21px;margin-top:20px}.roadmap-grid{grid-template-columns:1fr;gap:43px}.step{gap:20px;padding:24px 0}.step h3{font-size:.92rem}.tech-grid{grid-template-columns:1fr;gap:16px}.tech-card{padding:25px}.tech-card p{min-height:0;font-size:.9rem}.tags span{font-size:.77rem}.quote-band{padding:60px 0}.quote-band blockquote{font-size:2.05rem}.contact{grid-template-columns:1fr;gap:35px}.contact-copy>p:not(.eyebrow){font-size:.9rem}.advisor p{font-size:.64rem}form{padding:24px 20px}input,textarea{font-size:1rem}.form-row{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);gap:12px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid .brand span{font-size:.9rem}.footer-grid .brand img{width:48px;height:48px}.footer-grid>div:not(:first-child)>a,.socials>span{font-size:.875rem}.footer-grid p{font-size:.875rem}.socials{gap:20px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px;font-size:.75rem}dialog{padding:48px 10px 17px;gap:8px!important;width:98vw}dialog button{min-width:32px;height:32px;font-size:1rem}dialog figcaption{font-size:.7rem}dialog img{max-height:70dvh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Readable Vietnamese copy at every breakpoint. */
.hero-description,.section-lead,.benefit p,.roadmap-heading>p:not(.eyebrow),.step p,.tech-card p,.contact-copy>p:not(.eyebrow){font-size:1rem}
nav a,.button.small,.hero-actions .button,.hero-actions .text-link,.stats span,label,.form-note,.tags span,.benefit .micro,.result-actions a,.result-actions button,#form-result p,.footer-grid p,.footer-grid>div:not(:first-child)>a,.socials>span{font-size:.875rem}
.eyebrow,.hero .eyebrow,.portrait-caption span,.advisor p,.frame-label,.footer-role,.footer-bottom,.gallery-item>span{font-size:.75rem!important}
.mentor-seal span{font-size:.75rem;line-height:1.2}.mentor-seal{width:110px;height:110px}.portrait{height:114%;width:114%;max-width:none;left:-7%;bottom:-8%}.brand span{font-size:.875rem}.hero-visual{min-height:570px}
@media(max-width:1100px){nav{gap:16px}.nav{gap:14px}.brand span{font-size:.8rem}.button.small{padding:10px 12px;font-size:.8rem}}
@media(max-width:850px){.hero-grid{grid-template-columns:1.15fr 1fr}.hero-visual{min-height:520px}.portrait-frame{height:470px}.hero h1{font-size:3.8rem}.frame-label{letter-spacing:.1em}.portrait-caption span{font-size:.65rem!important}.stats>div{flex-direction:column;gap:3px}.stats>div:first-child{justify-content:center}.stats span{text-align:center;font-size:.8rem}}
@media(max-width:600px){.nav>.button{display:none}.menu-toggle{margin-left:auto;width:42px;height:42px}.brand span{font-size:.875rem}.brand img{width:42px;height:42px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(3.8rem,16vw,4.55rem)}.hero-visual{min-height:480px}.hero .eyebrow{letter-spacing:.02em}.hero .eyebrow span{display:none}.stats span{font-size:.75rem;max-width:105px}.portrait-caption span{font-size:.75rem!important}.portrait-caption strong{font-size:1.7rem}.hero-actions{gap:22px}.hero-actions .button{font-size:.875rem}.advisor img{flex-shrink:0}.advisor p{line-height:1.6}.section-heading h2,h2{font-size:2.25rem}.footer-bottom{font-size:.75rem}.socials{gap:22px}}
