:root{--navy:#102f3a;--navy2:#173f4b;--ink:#18323b;--cream:#f6f3ec;--paper:#fff;--gold:#a77b32;--goldsoft:#d8bd83;--muted:#627279;--line:#d9d8d1;--max:1200px;--gutter:max(24px,calc((100vw - var(--max))/2));scroll-behavior:smooth}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;overflow-x:hidden;background:var(--cream);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(3.25rem,6vw,5.8rem);line-height:.98;letter-spacing:-.055em}h2{font-size:clamp(2.55rem,4vw,4rem);line-height:1.05;letter-spacing:-.04em}h3{font-size:1.45rem;line-height:1.25}em{color:var(--gold);font-weight:400}section[id]{scroll-margin-top:88px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:fixed;top:-80px;left:16px;z-index:200;padding:10px 14px;background:#fff}.skip-link:focus{top:10px}.kicker{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.16em}
.site-header{position:sticky;top:0;z-index:100;min-height:82px;padding:10px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid rgba(16,47,58,.14);background:rgba(246,243,236,.94);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{width:58px;height:58px;object-fit:cover;border-radius:50%;box-shadow:0 2px 10px rgba(74,51,15,.18)}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:.62rem;letter-spacing:.1em}.brand strong{margin-top:4px;font:1.25rem/1 Georgia,"Times New Roman",serif;letter-spacing:.15em}.site-header nav{display:flex;align-items:center;gap:25px;font-size:.88rem;font-weight:600}.site-header nav a{padding:11px 0}.site-header nav a:hover{color:var(--gold)}.nav-cta{padding:10px 17px!important;border:1px solid var(--navy)}.menu-toggle{display:none;padding:10px 0;border:0;background:transparent}
.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.07fr) minmax(440px,.93fr);background:var(--navy);color:#fff}.hero-content{padding:clamp(60px,7vw,110px) clamp(30px,6vw,90px) 42px var(--gutter);display:flex;flex-direction:column;justify-content:center}.hero h1{max-width:760px;margin-top:24px}.hero h1 em{color:var(--goldsoft)}.hero-lead{max-width:650px;margin-top:28px;color:#d4dee1;font-size:1.12rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:11px 16px;margin-top:30px}.action{min-height:48px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;font-size:.91rem;font-weight:700;line-height:1.2;transition:.2s}.action:hover{transform:translateY(-2px)}.action-primary{background:var(--gold);color:#fff}.action-light{border-color:rgba(255,255,255,.55);color:#fff}.action-light:hover{background:#fff;color:var(--navy)}.action-text{min-height:auto;padding:8px 0;color:var(--goldsoft)}.hero-facts{margin:auto 0 0;padding:45px 0 0;display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:22px;list-style:none}.hero-facts li{padding-top:13px;border-top:1px solid rgba(255,255,255,.24)}.hero-facts span,.hero-facts strong{display:block}.hero-facts span{color:#9fb1b7;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase}.hero-facts strong{margin-top:5px;font-size:.82rem;font-weight:600;line-height:1.4}.hero-visual{position:relative;min-height:660px;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,25,32,.84))}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-visual figcaption{position:absolute;z-index:1;right:34px;bottom:30px;left:34px;display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-visual figcaption span{max-width:160px;color:#d4dee1;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.hero-visual figcaption strong{max-width:300px;font:1.1rem/1.45 Georgia,"Times New Roman",serif;text-align:right}
.trust-bar{padding:0 var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#fff}.trust-bar p{min-height:142px;padding:26px 30px 24px 0;display:grid;grid-template-columns:34px 1fr;align-content:center;gap:3px 10px;border-right:1px solid var(--line)}.trust-bar p+p{padding-left:30px}.trust-bar p:last-child{border-right:0}.trust-bar span{grid-row:1/3;color:var(--gold);font-size:.72rem}.trust-bar strong{color:var(--navy);font:1.15rem/1.3 Georgia,"Times New Roman",serif}.trust-bar small{color:var(--muted);font-size:.78rem;line-height:1.5}
.section{padding:100px var(--gutter)}.section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);align-items:end;gap:70px;margin-bottom:54px}.section-heading h2,.prepare-intro h2,.story-copy h2,.faq-heading h2,.contact-main h2{margin-top:16px}.section-heading>p{max-width:510px;color:var(--muted)}
.services-section{background:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-grid article{min-height:290px;padding:29px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-grid article>span{color:var(--gold);font-size:.72rem}.service-grid h3{margin-top:35px;color:var(--navy)}.service-grid p{margin-top:14px;color:var(--muted);font-size:.92rem}.service-grid a{margin-top:auto;padding-top:22px;color:var(--gold);font-size:.8rem;font-weight:700}
.preparation{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(54px,8vw,110px);background:#e9eeeb}.prepare-intro{align-self:start;position:sticky;top:120px}.prepare-intro>p:not(.kicker){max-width:500px;margin-top:24px;color:var(--muted)}.prepare-intro .action{margin-top:28px}.prepare-list{margin:0;padding:0;list-style:none;border-top:1px solid #bdc8c4}.prepare-list li{padding:28px 0;display:grid;grid-template-columns:58px 1fr;gap:22px;border-bottom:1px solid #bdc8c4}.prepare-list li>span{color:var(--gold);font-size:.75rem}.prepare-list h3{color:var(--navy)}.prepare-list p{max-width:570px;margin-top:9px;color:var(--muted)}
.office-team{background:var(--cream)}.office-story{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(48px,7vw,95px)}.story-copy{align-self:center}.story-lead{margin-top:28px;color:var(--navy);font:1.25rem/1.55 Georgia,"Times New Roman",serif}.story-copy>p:not(.kicker):not(.story-lead){margin-top:18px;color:var(--muted)}.story-copy blockquote{margin-top:28px;padding:16px 0 16px 22px;border-left:3px solid var(--gold);color:var(--navy);font:1.4rem/1.45 Georgia,"Times New Roman",serif}.story-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}.story-images figure:first-child{transform:translateY(-32px)}.story-images img{width:100%;aspect-ratio:.82;object-fit:cover}.story-images figcaption{margin-top:9px;color:var(--muted);font-size:.75rem}.team-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:74px 0 28px;padding-top:34px;border-top:1px solid var(--line)}.team-heading h3{color:var(--navy);font-size:1.7rem}.team-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:16px}.person{position:relative;min-height:430px;overflow:hidden;background:var(--navy2)}.person img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.82)}.person:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,31,39,.94))}.person div{position:absolute;z-index:1;right:24px;bottom:24px;left:24px;color:#fff}.person div p{color:var(--goldsoft);font-size:.65rem;font-weight:700;letter-spacing:.1em}.person h3{margin-top:8px;font-size:1.65rem}.person-primary{min-height:500px}
.guidance{background:#fff}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-grid article{min-height:245px;padding:28px;border:1px solid var(--line);background:var(--cream)}.knowledge-grid article p{color:var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.11em}.knowledge-grid h3{margin-top:30px;color:var(--navy)}.knowledge-grid span{display:block;margin-top:14px;color:var(--muted);font-size:.9rem}.faq-compact{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);gap:clamp(45px,7vw,90px);margin-top:64px;padding-top:48px;border-top:1px solid var(--line)}.faq-heading h3{margin-top:14px;color:var(--navy);font-size:1.7rem}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:22px 42px 22px 0;position:relative;cursor:pointer;list-style:none;color:var(--navy);font:1.16rem/1.4 Georgia,"Times New Roman",serif}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:19px;color:var(--gold);font:1.5rem/1 Arial,sans-serif}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:680px;padding:0 44px 22px 0;color:var(--muted)}.legal-note{max-width:870px;margin-top:28px;padding-left:18px;border-left:2px solid var(--gold);color:var(--muted);font-size:.86rem}.legal-note strong{color:var(--navy)}
.contact-section{padding:100px var(--gutter);display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(44px,6vw,90px);background:var(--navy);color:#fff}.contact-main h2 em{color:var(--goldsoft)}.contact-main address{margin-top:30px;color:#d5dfe2;font:normal 1.35rem/1.5 Georgia,"Times New Roman",serif}.contact-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.action-gold{background:var(--gold);color:#fff}.action-outline{border-color:rgba(255,255,255,.45);color:#fff}.action-outline:hover{background:#fff;color:var(--navy)}.landline{margin-top:20px;color:#aebfc4}.landline a{color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}.contact-card{padding:28px;display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:26px;border:1px solid rgba(255,255,255,.23);background:var(--navy2)}.office-hours{display:flex;flex-direction:column}.contact-card p{color:var(--goldsoft);font-size:.69rem;font-weight:700;letter-spacing:.11em}.contact-card strong{margin-top:18px;font:1rem/1.4 Georgia,"Times New Roman",serif}.contact-card span,.contact-card small{color:#c4d0d3;font-size:.82rem}.contact-card small{margin-top:18px}.qr-list{display:grid;grid-template-columns:repeat(3,minmax(0,92px));justify-content:end;align-items:start;gap:8px}.contact-card figure{min-width:0;padding:5px;background:#fff}.contact-card figure img{width:100%;height:auto!important;aspect-ratio:1/1;object-fit:contain}.contact-card figcaption{margin-top:4px;color:var(--navy);font-size:.64rem;font-weight:700;text-align:center}.footer-brand img{border-radius:50%}
.site-footer{padding:28px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:26px;background:#08232c;color:#aebfc4;font-size:.78rem}.footer-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:.63rem;letter-spacing:.08em}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand strong{display:block;font:1.05rem/1.35 Georgia,"Times New Roman",serif;letter-spacing:.12em}.site-footer>a:last-child{border-bottom:1px solid #6e858c}.mobile-actions{display:none}
@media(max-width:1050px){:root{--gutter:4.5vw}.site-header nav{gap:14px}.hero{grid-template-columns:minmax(0,1fr) minmax(350px,.75fr)}.hero-content{padding-right:38px}.hero-facts{grid-template-columns:1fr 1fr}.hero-facts li:last-child{display:none}.section-heading{grid-template-columns:1fr;gap:24px}.office-story{grid-template-columns:1fr}.story-copy{max-width:760px}.story-images{max-width:850px}.team-grid{grid-template-columns:1.1fr .9fr}.person:last-child{grid-column:2}.person-primary{grid-row:1/3}.contact-section{grid-template-columns:1fr}.contact-card{max-width:620px}}
@media(max-width:780px){body{padding-bottom:calc(69px + env(safe-area-inset-bottom))}h1{font-size:clamp(2.8rem,13.4vw,4.2rem)}h2{font-size:clamp(2.2rem,10vw,3rem)}.site-header{min-height:74px;flex-wrap:wrap}.brand img{width:50px;height:50px}.brand small{font-size:.56rem}.brand strong{font-size:1.08rem}.menu-toggle{display:flex;align-items:center;gap:8px}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 10px}.site-header nav.is-open{display:flex}.site-header nav a{padding:12px 0;border-top:1px solid var(--line)}.nav-cta{padding:12px 0!important;border-right:0;border-bottom:0;border-left:0}.hero{min-height:0;grid-template-columns:1fr}.hero-content{padding:54px var(--gutter) 34px}.hero-lead{margin-top:22px;font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr;align-items:stretch}.hero-actions .action{width:100%}.hero-actions .action-text{justify-content:flex-start}.hero-facts{margin-top:38px;padding-top:0;grid-template-columns:1fr;gap:13px}.hero-facts li:last-child{display:block}.hero-visual{min-height:0}.hero-visual img{height:clamp(280px,78vw,430px);min-height:0;object-position:center top}.hero-visual figcaption{right:18px;bottom:17px;left:18px}.hero-visual figcaption span{display:none}.hero-visual figcaption strong{max-width:250px;margin-left:auto;font-size:.88rem;line-height:1.35}.trust-bar{grid-template-columns:1fr}.trust-bar p,.trust-bar p+p{min-height:0;padding:21px 0;border-right:0;border-bottom:1px solid var(--line)}.trust-bar p:last-child{border-bottom:0}.section{padding-top:70px;padding-bottom:70px}.section-heading{margin-bottom:34px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:0;padding:25px}.service-grid h3{margin-top:20px}.service-grid a{margin-top:20px}.preparation{grid-template-columns:1fr;gap:42px}.prepare-intro{position:static}.prepare-intro .action{width:100%}.prepare-list li{grid-template-columns:42px 1fr}.office-story{gap:52px}.story-images{grid-template-columns:1fr}.story-images figure:first-child{transform:none}.story-images img{aspect-ratio:1.35}.team-heading{display:block;margin-top:54px}.team-heading h3{margin-top:12px}.team-grid{grid-template-columns:1fr}.person,.person-primary{min-height:420px;grid-row:auto;grid-column:auto!important}.knowledge-grid{grid-template-columns:1fr}.knowledge-grid article{min-height:0}.knowledge-grid h3{margin-top:24px}.faq-compact{grid-template-columns:1fr;gap:28px;margin-top:48px;padding-top:38px}.contact-section{padding-top:72px;padding-bottom:72px}.contact-buttons{display:grid;grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;padding:22px}.qr-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-footer{display:block;padding-bottom:28px}.site-footer>p{margin-top:18px}.site-footer>a:last-child{display:inline-block;margin-top:18px}.mobile-actions{position:fixed;z-index:150;right:0;bottom:0;left:0;height:calc(69px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d8d2;background:rgba(255,255,255,.97);box-shadow:0 -8px 30px rgba(12,38,47,.12);backdrop-filter:blur(12px)}.mobile-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--navy);font-size:1.05rem}.mobile-actions strong{font-size:.7rem;line-height:1.2}.mobile-actions a:nth-child(2){border-right:1px solid var(--line);border-left:1px solid var(--line);color:var(--gold)}}
@media(max-width:390px){:root{--gutter:20px}.brand span{max-width:190px}.contact-card{grid-template-columns:1fr}.contact-card figure{width:130px}}
@media(max-width:480px){.qr-list{grid-template-columns:repeat(3,minmax(0,78px));justify-content:center;gap:6px}.contact-card figure{width:auto;padding:4px}.contact-card figcaption{margin-top:3px;font-size:.6rem}}
.hero-visual{background-image:linear-gradient(rgba(7,34,44,.38),rgba(7,34,44,.38)),url('/tru-so-vpcc-hoi-an-2026.jpg?v=30');background-size:cover;background-position:center}
.hero-visual picture{display:block;width:100%;height:100%}.hero-visual img{position:relative;z-index:1;object-fit:contain;object-position:center;background:transparent}
@media(max-width:780px){.hero-visual{background:none}.hero-visual picture{height:auto}.hero-visual img{width:100%;height:auto;object-fit:contain;object-position:center;background:var(--navy)}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}