:root{
  --ink:#111a33;--navy:#1c2b63;--navy-2:#2a3f8a;--blue:#3453a3;--brass:#ea6c00;--brass-2:#ff9a3c;--brass-d:#c45a00;
  --paper:#f2f4f9;--sand:#e9edf6;--white:#fff;--line:#dde2ee;--muted:#4f5a70;--ok:#21704a;
  --serif:"Noto Serif",Cambria,Georgia,"Times New Roman",serif;
  --sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:6px;--w:1200px;--hh:76px;
  --shadow:0 1px 2px rgba(15,27,45,.05),0 10px 30px -10px rgba(15,27,45,.12);
  --shadow-lg:0 24px 60px -20px rgba(15,27,45,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;font:400 16px/1.65 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.25;letter-spacing:-.015em;color:var(--navy);margin:0 0 .5em}
h1{font-size:clamp(2rem,1.35rem + 2.6vw,3.3rem)}
h2{font-size:clamp(1.6rem,1.25rem + 1.4vw,2.3rem)}
h3{font-size:1.2rem}
p{margin:0 0 1em}
ul,ol{margin:0}
dl,dd{margin:0}
.i{width:20px;height:20px;flex:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--navy);color:#fff;padding:10px 16px;border-radius:4px}
.skip:focus{left:16px}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:4px}
.container{width:min(100% - 32px,var(--w));margin-inline:auto}
.narrow{max-width:760px}
.center{text-align:center}
.muted{color:var(--muted)}.small{font-size:.88rem}

/* Nút */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border-radius:4px;border:1.5px solid transparent;font:600 .96rem/1.2 var(--sans);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap}
.btn .i{width:18px;height:18px}
.btn-sm{min-height:42px;padding:0 18px;font-size:.9rem}
.btn-block{width:100%}
.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-2)}
.btn-brass{background:var(--brass);color:#fff}.btn-brass:hover{background:var(--brass-d)}
.btn-outline{border-color:var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}
.btn-ghost{border-color:var(--line);color:var(--navy);background:#fff}.btn-ghost:hover{border-color:var(--navy)}
.btn:active{transform:translateY(1px)}
.link-arrow{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--navy);border-bottom:1.5px solid var(--brass);padding-bottom:2px}
.link-arrow .i{width:16px;height:16px;transition:transform .2s}
.link-arrow:hover .i{transform:translateX(3px)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);transition:border-color .2s,box-shadow .2s}
.site-header.scrolled{border-color:var(--line);box-shadow:0 6px 24px -12px rgba(15,27,45,.15)}
.header-inner{display:flex;align-items:center;gap:20px;height:var(--hh)}
.brand{display:flex;align-items:center;gap:11px;flex:none}
.brand-mark{width:40px;height:40px}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font:700 1.22rem/1 var(--serif);color:var(--navy);letter-spacing:.04em}
.brand-name span{color:var(--brass)}
.brand-sub{font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.brand-light .brand-name{color:#fff}.brand-light .brand-name span{color:var(--brass-2)}.brand-light .brand-sub{color:#8d99ac}
.site-nav{margin-left:auto}
.nav-list{display:flex;align-items:center;gap:2px;list-style:none;padding:0}
.nav-list>li{position:relative}
.nav-row{display:flex;align-items:center}
.nav-link{display:flex;align-items:center;height:44px;padding:0 13px;font-size:.95rem;font-weight:500;border-radius:6px;transition:color .2s}
.nav-link:hover,.nav-link[aria-current]{color:var(--brass)}
.sub-toggle{display:grid;place-items:center;width:28px;height:44px;margin-left:-10px;border:0;background:none;cursor:pointer;color:var(--muted)}
.sub-toggle .i{width:16px;height:16px;transition:transform .2s}
.has-sub:hover .sub-toggle .i,.has-sub.open .sub-toggle .i{transform:rotate(180deg)}
.mega{position:absolute;left:50%;top:calc(100% + 10px);width:700px;transform:translate(-50%,8px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-lg);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.has-sub:hover .mega,.has-sub:focus-within .mega,.has-sub.open .mega{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-title{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:2px 10px 8px}
.mega a:not(.mega-foot){display:flex;gap:12px;padding:10px;border-radius:6px;transition:background-color .15s}
.mega a:not(.mega-foot):hover{background:var(--paper)}
.mega a .i{color:var(--brass);margin-top:2px}
.mega strong{display:block;font-size:.92rem;font-weight:600;color:var(--navy);line-height:1.35}
.mega small{display:block;color:var(--muted);font-size:.8rem;line-height:1.4;margin-top:2px}
.mega-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:12px;border-top:1px solid var(--line);font-size:.88rem;font-weight:600;color:var(--navy)}
.mega-foot .i{width:16px;height:16px}
.nav-mobile-cta{display:none}
.header-cta{display:flex;align-items:center;gap:18px;flex:none}
.hotline{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);font-size:1rem;line-height:1.2}
.hotline .i{width:38px;height:38px;padding:9px;border-radius:50%;background:var(--sand);color:var(--brass)}
.hotline small{display:block;font-size:.7rem;font-weight:500;color:var(--muted)}
.nav-toggle{display:none}

/* Bố cục section */
.section{padding:clamp(52px,6vw,84px) 0}
.section-white{background:#fff}
.section-navy{background:var(--navy);color:#c9d3e1}
.section-navy h2,.section-navy h3{color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 14px}
.eyebrow::before{content:"";width:28px;height:1.5px;background:currentColor}
.section-navy .eyebrow{color:var(--brass-2)}
.section-navy .section-head p:not(.eyebrow){color:#b9c3dd}
.section-head{max-width:700px;margin-bottom:34px}
.section-head h2{margin-bottom:12px}
.section-head p:not(.eyebrow){color:var(--muted);font-size:1.06rem;margin:0}
.section-head.center{margin-inline:auto;text-align:center}
.section-head.center .eyebrow::before{display:none}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
.head-row .section-head{margin:0}
.more{margin:30px 0 0;text-align:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:center}
.split-top{align-items:center;margin-top:24px}
.rounded{border-radius:8px}

/* Hero */
.hero{position:relative;isolation:isolate;padding:clamp(40px,6vw,72px) 0 clamp(48px,6vw,80px);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0 0 0 45%;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 55% 45%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 55% 45%,#000 10%,transparent 70%);opacity:.7}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,64px);align-items:center}
.hero h1{margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--brass)}
.hero-lead{font-size:1.14rem;color:var(--muted);max-width:560px}
.checks{list-style:none;padding:0;margin:26px 0 32px;display:grid;gap:11px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks .i{color:#fff;background:var(--ok);border-radius:50%;padding:3px;width:20px;height:20px;margin-top:2px;stroke-width:2.4}
.checks-light li{color:#e3e8f0}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-actions.center{justify-content:center}
.hero-media img{width:100%;max-width:560px;margin-left:auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:clamp(40px,5vw,64px);padding-top:32px;border-top:1px solid var(--line)}
.stat strong{display:block;font:700 clamp(1.8rem,1.4rem + 1.2vw,2.4rem)/1 var(--serif);color:var(--navy);margin-bottom:8px}
.stat span{display:block;color:var(--muted);font-size:.92rem;line-height:1.5}
.stat-src{display:inline-block;margin-top:8px;font-size:.78rem;font-weight:600;color:var(--navy);border-bottom:1px solid var(--brass-2)}
.stat-src:hover{color:var(--brass)}
.section-white .stats{margin-top:0;border-top:0;padding-top:0}

/* Thẻ dịch vụ */
.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.section-white .card{background:var(--paper)}
.card:hover{border-color:var(--brass-2);box-shadow:var(--shadow);transform:translateY(-3px)}
.card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:6px;background:var(--navy);color:var(--brass-2);margin-bottom:22px}
.card-icon .i{width:24px;height:24px}
.card h3{font-size:1.18rem;margin-bottom:10px}
.card h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.card p{color:var(--muted);font-size:.95rem;flex:1;margin-bottom:20px}
.card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.card-meta b{color:var(--navy);font-weight:700}
.card-go{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--brass)}
.card-go .i{width:16px;height:16px;transition:transform .2s}
.card:hover .card-go .i{transform:translateX(3px)}

/* Bảng giá */
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px 28px}
.plan h3{font-size:1.35rem;margin-bottom:6px}
.plan-note{color:var(--muted);font-size:.92rem;min-height:2.9em;margin:0}
.price{font:700 2.4rem/1 var(--serif);color:var(--navy);margin:22px 0 4px;letter-spacing:-.02em}
.plan-list{list-style:none;padding:22px 0 0;margin:20px 0 28px;border-top:1px solid var(--line);display:grid;gap:12px;flex:1}
.plan-list li{display:flex;gap:10px;font-size:.95rem;line-height:1.5}
.plan-list .i{color:var(--ok);width:18px;height:18px;margin-top:2px;stroke-width:2.2}
.plan.featured{background:var(--navy);border-color:var(--navy);color:#c9d3e1;box-shadow:var(--shadow-lg)}
.plan.featured h3,.plan.featured .price{color:#fff}
.plan.featured .plan-note{color:#a3b3c9}
.plan.featured .plan-list{border-color:rgba(255,255,255,.12)}
.plan.featured .plan-list .i{color:var(--brass-2)}
.plan-badge{position:absolute;top:-13px;left:28px;background:var(--brass);color:#fff;font-size:.74rem;font-weight:600;letter-spacing:.04em;padding:5px 12px;border-radius:3px}
.prose .plan h3{font:600 1.3rem/1.25 var(--serif);margin:0 0 6px}
.prose .plan-list li{color:var(--ink)}
.prose .plan.featured .plan-list li{color:#d5dce8}
.prose .pricing{gap:14px}
.prose .plan{padding:28px 22px}
.pricing-note{margin:24px auto 0;text-align:center;color:var(--muted);font-size:.88rem;max-width:760px}

/* Quy trình */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step{position:relative}
.step::before{content:"";position:absolute;top:24px;left:60px;right:-12px;height:1px;background:var(--line)}
.step:last-child::before{display:none}
.step-num{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--brass);color:var(--brass);background:#fff;font:600 1.02rem var(--serif);position:relative}
.step-time{display:inline-block;margin:20px 0 10px;padding:4px 10px;border-radius:3px;background:var(--sand);color:var(--navy);font:600 .76rem/1.3 var(--sans);letter-spacing:.02em}
.step h3{font-size:1.14rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.94rem;margin:0}

/* Vì sao chọn */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.12)}
.why-item{padding:32px 28px 8px 0;margin-right:28px}
.why-item+.why-item{padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}
.why-item .i{width:30px;height:30px;color:var(--brass-2);margin-bottom:20px}
.why-item h3{font-size:1.14rem;margin-bottom:10px}
.why-item p{font-size:.94rem;margin:0}

/* Chuẩn bị hồ sơ */
.prep{list-style:none;padding:0;display:grid;gap:14px}
.prep li{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.prep .i{width:44px;height:44px;padding:10px;border-radius:6px;background:var(--sand);color:var(--brass)}
.prep h3{font-family:var(--sans);font-size:1.02rem;font-weight:600;margin-bottom:4px}
.prep p{color:var(--muted);font-size:.93rem;margin:0}

/* Đội ngũ */
.team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.member{display:flex;flex-direction:column;gap:14px;padding:26px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.avatar{display:grid;place-items:center;flex:none;width:68px;height:68px;border-radius:50%;background:var(--navy);color:var(--brass-2);font:600 1.25rem var(--serif);letter-spacing:.04em}
.avatar-sm{width:42px;height:42px;font-size:.72rem}
.member h3{font-size:1.1rem;margin-bottom:2px}
.role{font-size:.82rem;font-weight:600;color:var(--brass);margin-bottom:10px;letter-spacing:.02em}
.member p:last-child{color:var(--muted);font-size:.93rem;margin:0}

/* Hỏi đáp */
.faq{max-width:860px;margin-inline:auto;border-top:1px solid var(--line)}
.prose .faq{max-width:none}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;list-style:none;cursor:pointer;font:600 1.04rem/1.45 var(--sans);color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea6c00' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--brass)}
.faq .ans{padding:0 52px 22px 0;color:var(--muted)}
.faq .ans p{margin:0}

/* Bài viết */
.posts{display:grid;grid-template-columns:repeat(var(--post-cols,3),1fr);gap:20px}
.post-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:box-shadow .2s,transform .2s}
.section-white .post-card{background:var(--paper)}
.post-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.post-thumb{display:block;aspect-ratio:1200/630;overflow:hidden;background:var(--sand)}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .post-thumb img{transform:scale(1.03)}
.post-body{padding:20px 22px 24px}
.post-meta{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted);margin:0 0 10px}
.pill{display:inline-block;padding:3px 10px;border-radius:3px;background:var(--sand);color:var(--brass-d);font-weight:600;font-size:.74rem}
.post-card h3{font-size:1.1rem;line-height:1.4;margin:0}
.post-card h3 a::after{content:"";position:absolute;inset:0}
.post-card h3 a:hover{color:var(--brass)}
.post-card-big{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr}
.post-card-big .post-thumb{aspect-ratio:auto;height:100%}
.post-card-big .post-body{padding:clamp(24px,4vw,48px);align-self:center}
.post-card-big h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.8rem);margin-bottom:14px}
.post-card-big p{color:var(--muted);margin:0}
.post-card[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.chip{border:1px solid var(--line);background:#fff;border-radius:3px;padding:8px 16px;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--navy)}
.chip.active{background:var(--navy);border-color:var(--navy);color:#fff}

/* CTA + form */
.cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center;background:var(--navy);color:#c9d3e1;border-radius:8px;padding:clamp(28px,5vw,64px)}
.cta::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:-220px;border:1px solid rgba(234,108,0,.3);border-radius:50%;pointer-events:none}
.cta::after{content:"";position:absolute;width:360px;height:360px;right:-100px;top:-140px;border:1px solid rgba(234,108,0,.2);border-radius:50%;pointer-events:none}
.cta h2{color:#fff;margin-bottom:6px}
.cta-tag{color:var(--brass-2);font-weight:700;letter-spacing:.02em;margin-bottom:14px!important}
.cta .eyebrow{color:var(--brass-2)}
.cta-copy>p:not(.eyebrow){font-size:1.04rem}
.cta-contacts{display:flex;flex-wrap:wrap;gap:28px;margin-top:8px}
.cta-contacts a{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600}
.cta-contacts .i{width:42px;height:42px;padding:10px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:var(--brass-2)}
.cta-contacts small{display:block;font-size:.75rem;font-weight:400;color:#a3b3c9}
.form{position:relative;z-index:1;display:grid;gap:14px;background:#fff;color:var(--ink);border-radius:8px;padding:clamp(22px,3vw,32px)}
.field label{display:block;margin-bottom:6px;font-size:.86rem;font-weight:600;color:var(--navy)}
.opt{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line);border-radius:4px;background:var(--paper);transition:border-color .2s,background-color .2s}
.field textarea{padding:12px 14px;resize:vertical;min-height:92px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brass);background:#fff}
.field input::placeholder,.field textarea::placeholder{color:#9aa3b2}
.form-note{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;color:var(--muted);margin:0}
.form-note .i{width:15px;height:15px;margin-top:2px}
.form-ok{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:4px;background:#e8f2ec;color:var(--ok);font-weight:600;font-size:.92rem;margin:0}
.form-ok[hidden]{display:none}
.form.sent .field,.form.sent button,.form.sent .form-note{display:none}

/* Trang con */
.crumbs{padding-top:22px;font-size:.84rem;color:var(--muted)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0}
.crumbs li+li::before{content:"/";margin-right:6px;color:#b6c0cc}
.crumbs a:hover{color:var(--brass)}
.crumbs li[aria-current]{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,520px)}
.page-hero{padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--sand),var(--paper))}
.page-hero-simple .eyebrow{margin-top:36px}
.page-hero-simple h1{max-width:860px}
.lead{font-size:1.12rem;color:var(--muted);max-width:720px}
.page-hero-grid{display:grid;grid-template-columns:1fr 380px;gap:clamp(32px,5vw,64px);align-items:start;margin-top:36px}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:28px 0 30px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fact{background:#fff;padding:16px 20px}
.fact dt{font-size:.8rem;color:var(--muted)}
.fact dd{font-weight:700;color:var(--navy)}
.quote-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px;box-shadow:var(--shadow)}
.quote-card .form{padding:0;border-radius:0}
.quote-label{font-size:.82rem;color:var(--muted);margin:0}
.quote-price{font:700 2.2rem/1.1 var(--serif);color:var(--navy);margin:4px 0}
.quote-note{font-size:.86rem;color:var(--ok);font-weight:600;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}

/* Nội dung chi tiết + mục lục */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,72px);align-items:start;padding-top:clamp(40px,5vw,64px);padding-bottom:clamp(48px,6vw,80px)}
.aside{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:20px}
.toc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 14px 14px}
.toc-title{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 6px 10px}
.toc ol{list-style:none;padding:0;display:grid;gap:1px;max-height:52vh;overflow:auto}
.toc a{display:block;padding:7px 10px;border-left:2px solid transparent;font-size:.88rem;line-height:1.45;color:var(--muted);transition:color .15s,border-color .15s}
.toc a:hover,.toc a.active{color:var(--navy);border-color:var(--brass);background:var(--paper)}
.help-card{background:var(--navy);color:#c9d3e1;border-radius:var(--r);padding:24px;display:grid;gap:10px}
.help-card p{margin:0;font-size:.93rem}
.help-title{font:600 1.18rem var(--serif)!important;color:#fff}
.help-icon{width:32px;height:32px;color:var(--brass-2)}
.help-price b{color:#fff}
.help-card .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.help-card .btn-ghost:hover{border-color:#fff}

.prose{font-size:1.04rem;line-height:1.78;min-width:0}
.prose-sec+.prose-sec{margin-top:56px}
.prose h2{font-size:clamp(1.45rem,1.2rem + 1vw,1.9rem);margin:48px 0 16px}
.prose-sec>h2:first-child,.prose>h2:first-child{margin-top:0}
.prose h3{font:600 1.1rem/1.4 var(--sans);margin:28px 0 8px}
.prose p,.prose li{color:#2b3647}
.prose ul:not([class]),.prose ol:not([class]){padding-left:1.3em;margin:0 0 1.2em}
.prose ul:not([class]) li{margin:.4em 0;padding-left:.2em}
.prose ul:not([class]) li::marker{color:var(--brass)}
.prose a:not(.btn){color:var(--navy);font-weight:500;text-decoration:underline;text-decoration-color:var(--brass-2);text-decoration-thickness:1.5px;text-underline-offset:3px}
.prose a:not(.btn):hover{color:var(--brass)}
.prose strong{color:var(--ink)}
.prose figure{margin:0 0 28px}
.prose figure img{border-radius:var(--r)}
.fig{margin:32px 0}
.fig img{width:100%;border:1px solid var(--line);border-radius:var(--r)}
.fig figcaption{text-align:center;font-style:normal}
figcaption{margin-top:10px;font-size:.84rem;color:var(--muted)}
.check-list{list-style:none;padding:0;display:grid;gap:12px;margin:0 0 1em}
.check-list li{display:flex;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:6px;line-height:1.55}
.check-list .i{color:var(--ok);margin-top:3px;stroke-width:2.2}
.table-wrap{overflow-x:auto;margin:6px 0 24px;border:1px solid var(--line);border-radius:var(--r);background:#fff;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.55}
th,td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
tr:last-child>*{border-bottom:0}
thead th{background:var(--sand);color:var(--navy);font-weight:600;font-size:.88rem;white-space:nowrap}
tbody th{width:34%;color:var(--navy);font-weight:600;background:var(--paper)}
.prose table td{color:#2b3647}
.price-table td small{display:block;color:var(--muted);font-size:.82rem}
.price-table td:first-child a{font-weight:600;color:var(--navy)}
.price-table td:first-child a:hover{color:var(--brass)}
.price-table td:last-child{text-align:right;white-space:nowrap}
.info-table{max-width:860px}
.timeline{list-style:none;padding:0;margin:4px 0 0}
.timeline li{position:relative;padding:0 0 26px 68px}
.timeline li::before{content:"";position:absolute;left:23.5px;top:52px;bottom:4px;width:1px;background:var(--line)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::before{display:none}
.timeline .step-num{position:absolute;left:0;top:0}
.timeline h3{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 6px}
.timeline .step-time{margin:0}
.timeline p{margin:0;color:var(--muted)}
.callout{margin:28px 0;padding:18px 22px;border-left:3px solid var(--brass);border-radius:0 6px 6px 0;background:#fff}
.callout p{margin:0}
.disclaimer{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)!important}

.article-head{padding-bottom:28px}
.article-head .post-meta{margin-top:32px}
.article-head h1{max-width:900px;font-size:clamp(1.9rem,1.35rem + 2.2vw,2.9rem)}
.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:24px;font-size:.88rem;color:var(--muted)}
.byline{display:flex;align-items:center;gap:12px}
.byline strong{display:block;color:var(--ink);font-size:.92rem}
.byline small{display:block}
.article-cover{margin:0;border-radius:8px;overflow:hidden}
.article-cover img{width:100%}

/* Liên hệ */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:start}
.contact-cards{list-style:none;padding:0;display:grid;gap:12px}
.contact-cards li{display:flex;gap:16px;align-items:center;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.contact-cards .i{width:44px;height:44px;padding:11px;border-radius:50%;background:var(--sand);color:var(--brass)}
.contact-cards p{margin:0}
.cc-title{font-size:.8rem;color:var(--muted)}
.contact-cards a{font-weight:600;color:var(--navy)}
.contact-form{background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(22px,3vw,36px)}
.contact-form h2{font-size:1.5rem}
.contact-form .form{padding:0}
.map iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(.3)}
.notfound{min-height:50vh;display:grid;place-items:center}

/* Footer */

/* Liên hệ nhanh */
.float{position:fixed;right:20px;bottom:24px;z-index:40;display:grid;gap:10px}
.float a{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;box-shadow:0 10px 24px -8px rgba(15,27,45,.45);transition:transform .2s}
.float a:hover{transform:scale(1.06)}
.f-zalo{background:#0068ff;font:700 .78rem var(--sans);letter-spacing:.02em}
.f-call{background:var(--brass)}
.f-call .i{width:22px;height:22px}
.mbar{display:none}

/* Khối tin tức trang chủ */
.hub{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:clamp(20px,2.5vw,32px);align-items:stretch}
.hub-col{min-width:0}
.hub-title{position:relative;margin:0 0 18px;padding-bottom:12px;border-bottom:2px solid var(--line);font:700 .8rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--navy)}
.hub-title::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:2px;background:var(--brass)}
.hub h4{font-family:var(--sans);font-weight:600;color:var(--navy);margin:0}
.hub h4 a:hover{color:var(--brass)}
.news-feature{position:relative;padding-bottom:18px}
.nf-thumb{display:block;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);margin-bottom:14px}
.nf-thumb img{width:100%;transition:transform .4s}
.news-feature:hover .nf-thumb img{transform:scale(1.03)}
.news-feature h4{font:700 1.28rem/1.35 var(--serif);margin-bottom:8px}
.news-feature h4 a::after{content:"";position:absolute;inset:0}
.news-feature>p:last-child{color:var(--muted);font-size:1rem;margin:0}
.news-list{list-style:none;padding:0}
.news-list li{position:relative;display:grid;grid-template-columns:116px 1fr;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.nl-thumb{display:block;overflow:hidden;border-radius:4px;border:1px solid var(--line)}
.nl-thumb img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.news-list h4{font-size:1rem;line-height:1.45;margin-bottom:4px}
.news-list h4 a::after{content:"";position:absolute;inset:0}
.news-list time{font-size:.84rem;color:var(--muted)}
.law-list{list-style:none;padding:0;counter-reset:law}
.law-list li{position:relative;padding:14px 0 14px 44px;border-bottom:1px solid var(--line)}
.law-list li:first-child{padding-top:2px}
.law-list li::before{counter-increment:law;content:counter(law,decimal-leading-zero);position:absolute;left:0;top:14px;font:700 1.3rem/1 var(--serif);color:var(--brass)}
.law-list li:first-child::before{top:2px}
.law-date{display:inline-block;margin-bottom:6px;padding:2px 8px;border-radius:3px;background:var(--sand);color:var(--navy);font-size:.78rem;font-weight:600}
.law-list h4{font-size:1.04rem;line-height:1.4;margin-bottom:4px}
.law-list h4 a::after{content:"";position:absolute;inset:0}
.law-list p{font-size:.93rem;color:var(--muted);margin:0;line-height:1.55}
.law-src{display:flex;align-items:center;gap:6px;margin-top:6px!important;font-size:.84rem!important;font-weight:500;color:var(--brass-d)!important}
.law-src .i{width:14px;height:14px}
.svc-list{list-style:none;padding:0}
.svc-list a{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.svc-list li:first-child a{padding-top:2px}
.svc-list .i{width:38px;height:38px;padding:9px;border-radius:4px;background:var(--navy);color:var(--brass-2)}
.svc-list strong{display:block;font-size:1rem;font-weight:600;color:var(--navy);line-height:1.35}
.svc-list small{display:block;font-size:.86rem;color:var(--muted)}
.svc-list small b{color:var(--brass-d)}
.svc-list a:hover strong{color:var(--brass)}
.hub-cta{margin-top:20px;padding:20px;border-radius:var(--r);background:var(--navy);color:#c9d3e1;display:grid;gap:10px}
.hub-cta p{margin:0;font-size:.96rem}
.hub-cta .hub-cta-title{font:700 1.1rem var(--serif);color:#fff}

.hub-title-gap{margin-top:32px}
.mini-list{list-style:none;padding:0}
.mini-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.mini-list li:first-child{padding-top:0}
.mini-list a{display:block;font-weight:600;font-size:1rem;line-height:1.45;color:var(--navy)}
.mini-list a:hover{color:var(--brass)}
.mini-list time{font-size:.84rem;color:var(--muted)}

/* Khung cột rõ ràng cho khối tin tức */
.section-hub{background:#e7ebf5}
.hub-col{display:flex;flex-direction:column;gap:20px}
.hub-col>.hub-panel:last-child{flex:1}
.hub-stack{display:flex}
.hub-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 1px 2px rgba(13,27,42,.05)}
.hub .hub-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:13px 18px;border:0;background:var(--c);color:#fff}
.hub .hub-title::after{display:none}
.hub .hub-title a{font-size:.74rem;font-weight:600;letter-spacing:.02em;text-transform:none;color:#fff;opacity:.85}
.hub .hub-title a:hover{opacity:1;text-decoration:underline}
.hub-body{padding:18px}
.hub-stack .hub-cta{margin:0}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.btn-ghost-light:hover{border-color:#fff}
.mega>div+div{border-left:1px solid var(--line);padding-left:20px}
.fig-scene img{border-color:transparent}

/* Hồ sơ thủ tục – trang chủ */
.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.proc-tile{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--r);background:var(--s);border-top:3px solid var(--c);transition:transform .2s,box-shadow .2s}
.proc-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.proc-ic{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:6px;background:var(--c);color:#fff}
.proc-ic .i{width:22px;height:22px}
.proc-tile strong{font-size:.95rem;line-height:1.35;color:var(--c)}
.proc-tile small{margin-top:auto;font-size:.8rem;color:var(--muted)}

/* Trang Hồ sơ thủ tục */
.proc-group{margin-bottom:56px}
.proc-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;padding:16px 22px;border-radius:var(--r);background:var(--c);color:#fff}
.proc-group-head h2{margin:0;color:#fff;font-size:clamp(1.2rem,1rem + .8vw,1.5rem)}
.proc-group-head span{flex:none;padding:4px 10px;border-radius:3px;background:rgba(255,255,255,.16);font-size:.82rem;font-weight:600}
.proc-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.proc-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r);scroll-margin-top:calc(var(--hh) + 20px)}
.proc-card:target{box-shadow:0 0 0 3px var(--c)}
.proc-card header{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--s);border-bottom:3px solid var(--c)}
.proc-card h3{margin:0;font-size:1.1rem;color:var(--c)}
.proc-meta{display:grid;gap:8px;padding:16px 20px;border-bottom:1px dashed var(--line);font-size:.9rem}
.proc-meta div{display:grid;grid-template-columns:112px 1fr;gap:10px}
.proc-meta dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:600}
.proc-meta dt .i{width:16px;height:16px;color:var(--c)}
.proc-docs-title{margin:16px 20px 8px;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.proc-docs{flex:1;display:grid;align-content:start;gap:6px;margin:0 20px 18px;padding-left:1.3em;font-size:.93rem;line-height:1.6}
.proc-docs li::marker{color:var(--c);font-weight:700}
.proc-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line);background:var(--paper)}
a.chip{display:inline-flex;align-items:center}

/* Chatbot tư vấn */
.float{justify-items:end}
.chat-launch{display:flex;align-items:center;gap:8px;height:52px;padding:0 20px 0 16px;border:0;border-radius:26px;background:var(--navy);color:#fff;font:600 .92rem var(--sans);cursor:pointer;box-shadow:0 10px 24px -8px rgba(13,27,42,.5);transition:transform .2s}
.chat-launch:hover{transform:translateY(-2px)}
.chat-launch .i{width:22px;height:22px;color:var(--brass-2)}
.chatbox{position:fixed;right:20px;bottom:24px;z-index:60;display:flex;flex-direction:column;width:min(390px,calc(100vw - 32px));height:min(620px,calc(100vh - 110px));overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lg)}
.chatbox[hidden]{display:none}
.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--navy);color:#c9d3e1}
.chat-head strong{display:block;color:#fff;font-size:.98rem}
.chat-head small{display:block;font-size:.74rem}
.chat-head .avatar{background:var(--brass);color:#fff}
.chat-close{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border:0;border-radius:4px;background:transparent;color:#fff;cursor:pointer}
.chat-close:hover{background:rgba(255,255,255,.12)}
.chat-log{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:16px;background:var(--paper)}
.msg{max-width:88%;padding:10px 14px;border-radius:10px;font-size:.92rem;line-height:1.55}
.msg p{margin:0}
.msg p+p,.msg p+form{margin-top:8px}
.msg-bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:2px}
.msg-me{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:2px}
.msg-bot a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-color:var(--brass-2);text-underline-offset:2px}
.chat-links{display:flex;flex-direction:column;gap:4px}
.chat-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:96px;overflow:auto;padding:10px 12px 0;background:#fff;border-top:1px solid var(--line)}
.chat-chips:empty{display:none}
.chat-chip{padding:6px 11px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--navy);font-size:.8rem;cursor:pointer}
.chat-chip:hover{border-color:var(--navy)}
.chat-input{display:flex;gap:8px;padding:10px 12px;background:#fff}
.chat-input input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.chat-input input:focus{outline:none;border-color:var(--brass);background:#fff}
.chat-input button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:6px;background:var(--brass);color:#fff;cursor:pointer}
.chat-note{margin:0;padding:0 12px 10px;background:#fff;font-size:.72rem;color:var(--muted)}
.chat-lead{display:flex;gap:6px}
.chat-lead input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:4px}
.chat-lead button{height:38px;padding:0 14px;border:0;border-radius:4px;background:var(--brass);color:#fff;font-weight:600;cursor:pointer}
.chat-ok{color:var(--ok);font-weight:600}
.typing{display:inline-flex;gap:4px;padding:4px 0}
.typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:blink 1s infinite}
.typing i:nth-child(2){animation-delay:.2s}
.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{50%{opacity:.25}}
body.chat-open .float{display:none}

/* ===== Nhận diện HDS ===== */
.brand-logo{height:54px;width:auto}
.login-link{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem;color:var(--navy)}
.login-link .i{width:18px;height:18px}
.login-link:hover{color:var(--brass)}

/* Mega menu 5 nhóm */
.has-mega{position:static}
.mega-wide{left:50%;width:min(1200px,calc(100vw - 32px));top:calc(100% - 6px);transform:translate(-50%,8px);display:block;padding:22px 24px 0}
.has-mega:hover .mega-wide,.has-mega:focus-within .mega-wide,.has-mega.open .mega-wide{transform:translate(-50%,0)}
.mega-cols{display:grid;grid-template-columns:1.25fr 1fr 1.1fr 1.1fr .9fr;gap:0}
.mega-col{padding:0 18px;border-left:1px solid var(--line)}
.mega-col:first-child{padding-left:0;border-left:0}
.mega-cat{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--c);font-weight:700;font-size:.92rem;color:var(--c)}
.mega-cat .i{width:18px;height:18px}
.mega-tier{margin:10px 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.mega-tier-sau{color:var(--brass-d)}
.mega-col ul{list-style:none;padding:0;margin:0 0 6px}
.mega-col li a{display:block;padding:5px 0;font-size:.88rem;line-height:1.4;color:var(--ink)}
.mega-col li a:hover{color:var(--brass)}
.mega-wide .mega-foot{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 20px;margin:16px -24px 0;padding:12px 24px;border-top:1px solid var(--line);background:var(--paper);border-radius:0 0 8px 8px}
.mega-wide .mega-foot a{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--navy)}
.mega-wide .mega-foot a:hover{color:var(--brass)}
.mega-wide .mega-foot .i{width:15px;height:15px;color:var(--brass)}

/* Hero HDS */
.hero-slogan{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-weight:700;font-size:1.08rem;color:var(--brass)}
.hero-slogan .i{width:20px;height:20px}
.tier-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:26px 0 22px}
.tier-btn{display:flex;flex-direction:column;gap:4px;padding:14px 18px;border-radius:4px;transition:transform .2s,box-shadow .2s}
.tier-btn strong{font-size:.92rem;letter-spacing:.06em;text-transform:uppercase}
.tier-btn span{font-size:.85rem;opacity:.9}
.tier-btn-chuan{background:var(--brass);color:#fff}
.tier-btn-sau{background:var(--navy);color:#fff}
.tier-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.hero-points{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.92rem;color:var(--muted)}
.hero-points li{display:flex;align-items:center;gap:8px}
.hero-points .i{width:18px;height:18px;color:var(--brass)}

/* Điểm mạnh */
.strengths .head-row{align-items:center}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}
.pillar{position:relative;padding:28px 26px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);background:rgba(255,255,255,.04)}
.pillar-num{position:absolute;top:18px;right:22px;font:700 2.2rem/1 var(--serif);color:rgba(255,255,255,.12)}
.pillar .i{width:34px;height:34px;padding:6px;border-radius:6px;background:var(--brass);color:#fff;margin-bottom:16px}
.pillar h3{font-size:1.15rem;margin-bottom:8px}
.pillar p{margin:0;font-size:1rem}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid rgba(255,255,255,.12);border-radius:var(--r);overflow:hidden}
.value{display:flex;gap:12px;align-items:center;padding:18px 20px}
.value+.value{border-left:1px solid rgba(255,255,255,.12)}
.value .i{width:26px;height:26px;color:var(--brass-2)}
.value p{margin:0;font-size:.96rem;line-height:1.4}
.value strong{display:block;color:#fff;font-size:1.06rem}
.hds-quote{margin:28px 0 0;text-align:center}
.hds-quote p{margin:0 auto;max-width:760px;font:600 clamp(1.15rem,1rem + .6vw,1.45rem)/1.5 var(--serif);color:#fff}
.hds-quote cite{display:block;margin-top:10px;font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-2)}

/* 2 nhóm dịch vụ */
.tier-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.tier-card{display:flex;flex-direction:column;padding:32px;border-radius:var(--r);border:1px solid var(--line);background:#fff;scroll-margin-top:calc(var(--hh) + 20px)}
.tier-card-chuan{border-top:4px solid var(--brass)}
.tier-card-sau{border-top:4px solid var(--navy);background:linear-gradient(180deg,#f3f5fb,#fff 40%)}
.tier-label{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.tier-card h2,.tier-card h3{font-size:1.5rem;margin-bottom:6px}
.tier-sub{color:var(--muted);margin-bottom:6px}
.tier-card .checks{margin:16px 0}
.tier-links{list-style:none;padding:16px 0 0;margin:0 0 24px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:8px;flex:1;align-content:flex-start}
.tier-links a{display:inline-block;padding:7px 13px;border:1px solid var(--line);border-radius:3px;font-size:.92rem;color:var(--navy);background:var(--paper)}
.tier-links a:hover{border-color:var(--brass);color:var(--brass)}
.tier-card .btn{align-self:flex-start}

/* Chi phí */
.cost-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;margin-bottom:40px}
.cost-head .section-head{margin:0}
.cost-checks{margin:4px 0 0}

/* Vấn đề khách hàng */
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pain{display:flex;gap:14px;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.pain .i{flex:none;width:40px;height:40px;padding:9px;border-radius:6px;background:var(--navy);color:var(--brass-2)}
.pain p{margin:0;font-weight:500;line-height:1.5}

/* Nhãn chuẩn hóa / chuyên sâu */
.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.card-top .card-icon{margin:0}
.tier{display:inline-block;padding:3px 8px;border-radius:3px;font-size:.72rem;font-weight:700;letter-spacing:.04em}
.tier-chuan{background:#fff1e6;color:var(--brass-d)}
.tier-sau{background:#e8ecf7;color:var(--navy)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.util .card-icon{background:var(--c);color:#fff}
.util{border-top:3px solid var(--c)}
.link-btn{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.link-btn::after{content:"";position:absolute;inset:0}
.link-btn:hover{color:var(--brass)}

/* Trang dịch vụ tổng hợp */
.cat-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding:16px 22px;border-radius:var(--r);background:var(--c);color:#fff}
.cat-head .i{width:28px;height:28px}
.cat-head h2{margin:0;color:#fff;font-size:1.45rem}
.cat-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.cat-tier{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.cat-tier .mega-tier{margin-top:0}
.svc-mini{list-style:none;padding:0;margin:0}
.svc-mini a{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}
.svc-mini li:last-child a{border-bottom:0}
.svc-mini .i{flex:none;width:36px;height:36px;padding:8px;border-radius:6px;background:var(--paper);color:var(--navy)}
.svc-mini strong{display:block;color:var(--navy);font-size:.96rem}
.svc-mini small{display:block;color:var(--muted);font-size:.82rem}
.svc-mini a:hover strong{color:var(--brass)}
.price-cat{margin:36px 0 12px;padding-left:12px;border-left:4px solid var(--c);font-size:1.3rem;color:var(--c)}
.price-cat:first-child{margin-top:0}

/* Biểu mẫu phụ */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-err{margin:0;padding:12px 14px;border-radius:4px;background:#fdecea;color:#a1271c;font-weight:600;font-size:.9rem}
.form-err[hidden]{display:none}
.form-dark{padding:0;background:transparent;color:#fff;gap:10px}
.form-dark .field label{color:#fff}
.form-dark input{background:#fff}
.help-card .form-ok{background:#e9f4ee}
.quote-price-sm{font-size:1.5rem!important}

/* Về HDS */
.founder{align-items:start}
.founder-quote{margin:0;padding:24px 28px;border-left:4px solid var(--brass);background:#fff;border-radius:0 var(--r) var(--r) 0}
.founder-quote p{font:600 1.1rem/1.6 var(--serif);color:var(--navy)}
.founder-quote cite{display:block;font-style:normal;font-size:.86rem;color:var(--muted)}

/* Footer HDS */

.section>.layout{padding-top:0;padding-bottom:0}
/* Danh mục hồ sơ (trang chủ) */
.doc-index{columns:2;column-gap:56px;border-top:2px solid var(--navy)}
.doc-group{break-inside:avoid;padding-top:18px}
.doc-group-title{margin:0 0 4px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.doc-list{list-style:none;padding:0;margin:0 0 10px}
.doc-list a{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--line)}
.doc-no{font:700 .95rem var(--serif);color:var(--brass)}
.doc-name{font-weight:600;color:var(--navy)}
.doc-meta{font-size:.82rem;color:var(--muted);white-space:nowrap}
.doc-list a:hover .doc-name{color:var(--brass);text-decoration:underline;text-underline-offset:3px}

/* Trang hồ sơ thủ tục */
.dossier-group{margin:48px 0 18px;padding-bottom:10px;border-bottom:2px solid var(--navy);font-size:1.45rem}
.dossier-group:first-child{margin-top:0}
.dossier{padding:26px 0 30px;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hh) + 20px)}
.dossier:target{background:linear-gradient(90deg,#fff7ef,transparent 60%)}
.dossier-no{margin:0 0 4px;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.dossier h3{margin:0 0 16px;font-size:1.25rem}
.dossier-meta{width:100%;margin:0 0 18px;border:1px solid var(--line);font-size:.93rem}
.dossier-meta th{width:30%;background:var(--paper);font-weight:600;color:var(--navy)}
.dossier-label{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.dossier-docs{list-style:none;counter-reset:doc;padding:0;margin:0 0 16px}
.dossier-docs li{counter-increment:doc;position:relative;padding:9px 0 9px 64px;border-bottom:1px dotted var(--line);line-height:1.55}
.dossier-docs li::before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;border:1.5px solid var(--navy);border-radius:2px}
.dossier-docs li::after{content:counter(doc) ".";position:absolute;left:28px;top:9px;font-weight:700;color:var(--navy)}
.dossier footer{display:flex;gap:22px;font-size:.9rem;font-weight:600}
.dossier footer a,.dossier footer .link-btn{color:var(--navy);text-decoration:underline;text-decoration-color:var(--brass-2);text-underline-offset:3px}
.dossier footer .link-btn::after{display:none}
@media print{
  .site-header,.site-footer,.float,.mbar,.chatbox,.aside,#bao-gia,.page-hero .crumbs{display:none!important}
  .layout{display:block;padding:0}
  .section{padding:0}
  .dossier{break-inside:avoid;padding:14px 0}
  .dossier footer{display:none}
  body{background:#fff}
}

/* Đội ngũ – ảnh chân dung thật */
.people{display:grid;grid-template-columns:repeat(var(--team-cols,4),1fr);gap:32px 24px}
.person-photo{aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#e8ebf0}
.person-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.person:hover .person-photo img{transform:scale(1.03)}
.person-body{padding-top:14px;border-top:2px solid var(--navy);margin-top:14px}
.person-title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.person h3{margin:2px 0 4px;font-size:1.12rem}
.person-role{margin:0;font-size:.88rem;font-weight:600;color:var(--ink)}
.person-exp{margin:2px 0 0;font-size:.84rem;color:var(--muted)}
.person-bio{margin:10px 0 0;font-size:.9rem;line-height:1.55;color:var(--muted)}
.founder-photo{margin:24px 0 0;max-width:300px}
.founder-photo img{border-radius:4px;aspect-ratio:4/5;object-fit:cover}
.founder-photo figcaption{margin-top:10px;font-size:.88rem;color:var(--muted)}
.founder-photo strong{display:block;color:var(--navy);font-size:1rem}

/* Video mô phỏng hệ thống */
.hero-grid-video{grid-template-columns:1fr 1fr}
.video-fig{margin:0}
.video-fig video{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:10px;background:#e9edf6;box-shadow:0 30px 60px -28px rgba(28,43,99,.5)}
.video-fig figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:.86rem;color:var(--muted)}
.video-fig figcaption .i{width:16px;height:16px;color:var(--brass)}
.video-fig figcaption a{font-weight:700;color:var(--brass);text-decoration:underline;text-underline-offset:3px}
.prose .video-fig{margin:8px 0 28px}
.util-video{align-items:center}

/* Đặt dịch vụ trực tuyến */
.order{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;margin-top:8px}
.order-main{display:grid;gap:22px}
.order-group{margin:0;padding:22px 24px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.order-group legend{padding:0 8px;margin-left:-8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:12px}
.pack{display:grid;gap:2px;text-align:left;padding:14px 16px;border:1.5px solid var(--line);border-radius:6px;background:var(--paper);cursor:pointer;transition:border-color .2s,background-color .2s}
.pack:hover{border-color:var(--blue)}
.pack[aria-pressed="true"]{border-color:var(--brass);background:#fff7ef}
.pack-name{font-weight:700;color:var(--navy)}
.pack-price{font-family:var(--serif);font-size:1.25rem;font-weight:700;color:var(--brass-d)}
.pack-meta{font-size:.8rem;color:var(--muted)}
label.opt{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:start;padding:14px 0;border-top:1px solid var(--line);cursor:pointer}
.order-group legend+.opt{border-top:0}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt-box{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border:1.5px solid #b9c2d3;border-radius:4px;background:#fff;transition:background-color .15s,border-color .15s}
.opt-box .i{width:14px;height:14px;color:#fff;stroke-width:3;opacity:0}
.opt input:checked+.opt-box{background:var(--brass);border-color:var(--brass)}
.opt input:checked+.opt-box .i{opacity:1}
.opt input:focus-visible+.opt-box{outline:2px solid var(--blue);outline-offset:2px}
.opt-text strong{display:block;font-weight:600;color:var(--ink);line-height:1.4}
.opt-text small{display:block;margin-top:3px;font-size:.86rem;line-height:1.5;color:var(--muted)}
.opt-price{font-weight:700;color:var(--navy);white-space:nowrap}
.order-sum{position:sticky;top:96px;display:grid;gap:12px;padding:26px;border-radius:8px;background:var(--navy);color:#c9d3e1;box-shadow:var(--shadow-lg)}
.sum-label{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-2)}
.sum-total{margin:0;font-family:var(--serif);font-size:2.3rem;font-weight:700;line-height:1.1;color:#fff}
.sum-total small{font-family:var(--sans);font-size:.8rem;font-weight:700;color:var(--brass-2)}
.sum-list{list-style:none;margin:0;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:grid;gap:8px;font-size:.88rem}
.sum-list:empty{display:none}
.sum-list li{display:flex;justify-content:space-between;gap:12px}
.sum-list b{color:#fff;white-space:nowrap}
.sum-note{margin:0;font-size:.82rem;color:#f3c99c}
.sum-foot{display:flex;gap:8px;margin:4px 0 0;font-size:.82rem;line-height:1.5;color:#a3b3c9}
.sum-foot .i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--brass-2)}
.sum-foot b{color:#fff}
.dlg{width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:30px;border:0;border-radius:10px;box-shadow:var(--shadow-lg);color:var(--ink)}
.dlg::backdrop{background:rgba(16,24,56,.6)}
.dlg h2{font-size:1.45rem;margin:0 0 14px}
.dlg-auth,.dlg-done{display:grid;gap:14px}
.dlg-auth[hidden],.dlg-done[hidden],.dlg [data-reg][hidden]{display:none}
.dlg .eyebrow{margin:0}
.dlg-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--paper);cursor:pointer}
.dlg-close .i{width:18px;height:18px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:6px;background:var(--paper)}
.auth-tabs button{padding:10px;border:0;border-radius:4px;background:none;font-weight:600;color:var(--muted);cursor:pointer}
.auth-tabs button[aria-selected="true"]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(28,43,99,.15)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dlg-done .sum-list{color:var(--ink);border-color:var(--line)}
.dlg-done .sum-list b{color:var(--navy)}
.done-code{margin:0;padding:12px 14px;border-radius:4px;background:var(--paper);font-size:.92rem}
.done-code b{font-family:ui-monospace,Consolas,monospace;font-size:1.05rem;color:var(--navy);margin-left:6px}
.done-total{margin:0}
.done-total b{color:var(--brass-d)}
.done-note{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted)}

/* Responsive */
@media (max-width:1240px){
  .hotline span{display:none}
}
@media (max-width:1140px){
  .hotline span{display:none}
  .nav-link{padding:0 10px}
}
/* Khách hàng tiêu biểu: dải logo */
.clients{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 36px}
.client{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 6px;color:var(--navy);text-decoration:none;filter:grayscale(1);opacity:.72;transition:filter .2s,opacity .2s}
.client:hover{filter:none;opacity:1}
.client img{max-height:44px;width:auto;max-width:170px;object-fit:contain}
.client-name{font:600 1.05rem/1.2 var(--serif);white-space:nowrap}
.clients-sec .section-head{margin-bottom:28px}
/* Vụ việc tiêu biểu */
.more-left{text-align:left;margin-top:16px}
/* Người phụ trách trên trang dịch vụ, mã QR lưu danh bạ */
.lead-card{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:20px;align-items:start;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.lead-card-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:4px}
.prose .lead-card h3{margin:2px 0 4px;font-size:1.3rem}
.lead-card-short{margin:10px 0 14px;font-size:.92rem;line-height:1.55;color:var(--muted)}
.lead-card-actions{display:flex;flex-wrap:wrap;gap:8px}
.lead-card-qr{text-align:center}
.lead-card-qr svg{display:block;width:150px;height:150px;border:1px solid var(--line);border-radius:4px}
.lead-card-qr small{display:block;margin-top:6px;font-size:.74rem;font-weight:600;color:var(--muted)}
.profile-qr{display:grid;grid-template-columns:132px minmax(0,1fr);gap:16px;align-items:center;margin-top:18px;padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.profile-qr svg{display:block;width:132px;height:132px;border-radius:4px}
.profile-qr strong{display:block;margin-bottom:4px;color:var(--navy)}
.profile-qr p{margin:0 0 10px;font-size:.86rem;line-height:1.5;color:var(--muted)}
/* Chân trang: cam kết với khách hàng */
/* Bài viết: luật sư kiểm duyệt, căn cứ pháp lý */
.byline-who{display:flex;gap:10px;align-items:center;color:inherit}
.byline-who img{width:40px;height:50px;object-fit:cover;object-position:top;border-radius:3px;flex:none}
.byline-who:hover strong{color:var(--brass)}
.basis{margin:32px 0 0;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:var(--r);background:var(--paper)}
.prose .basis h2{margin:0 0 10px;font-size:1.05rem}
.basis ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:.92rem}
.basis li{display:flex;gap:8px;align-items:flex-start}
.basis .i{width:18px;height:18px;flex:none;margin-top:2px;color:var(--navy)}
.reviewed{display:flex;gap:8px;align-items:flex-start;margin:16px 0 0;font-size:.88rem;color:var(--muted)}
.reviewed .i{width:18px;height:18px;flex:none;color:var(--ok)}
.reviewed a{color:var(--navy);font-weight:600}
/* Trang dịch vụ: khối ngang + thanh mục lục dính */
.sec-nav{position:sticky;top:var(--hh);z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.sec-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.sec-nav ul::-webkit-scrollbar{display:none}
.sec-nav a{display:block;padding:14px 12px;border-bottom:2px solid transparent;font-size:.86rem;font-weight:600;white-space:nowrap;color:var(--muted)}
.sec-nav a:hover{color:var(--navy);border-color:var(--brass)}
.svc-sec{scroll-margin-top:calc(var(--hh) + 50px)}
.svc-h2{margin:0 0 24px;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.svc-h3{margin:0 0 14px;font-size:1.15rem}
.svc-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.svc-two-wide{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.svc-two .prose{font-size:1.02rem}
.svc-two .prose>:first-child{margin-top:0}
.svc-cover{margin:0 0 20px}
.svc-cover img{width:100%;height:auto;border-radius:var(--r)}
.svc-cover figcaption{margin-top:8px;font-size:.82rem;color:var(--muted)}
.note-list{margin:0;padding-left:20px;display:grid;gap:8px;line-height:1.6}
.table-wrap.narrow{max-width:760px}
/* Trang chủ: đội ngũ gọn */
/* Nút gập khách hàng tiêu biểu */
.clients-toggle{margin-top:22px}
.clients-toggle summary{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border:1px solid var(--line);border-radius:var(--r);background:#fff;font-weight:600;font-size:.9rem;color:var(--navy);cursor:pointer;list-style:none}
.clients-toggle summary::-webkit-details-marker{display:none}
.clients-toggle summary .i{width:18px;height:18px;color:var(--brass)}
.clients-toggle summary small{font-weight:500;color:var(--muted)}
.clients-toggle[open] summary{border-color:var(--navy)}
.clients-toggle .clients{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
/* Bản tin: thông tin HDS */
.info-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.info-list li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.45}
.info-list .i{width:18px;height:18px;flex:none;margin-top:2px;color:var(--brass)}
.info-list small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.info-list a{color:var(--navy);font-weight:600}
/* Nghề nghiệp */
.jobs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.job{position:relative;display:flex;flex-direction:column;padding:22px 22px 18px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s}
.job:hover{border-color:var(--brass-2);box-shadow:var(--shadow)}
.job-meta{display:flex;gap:10px;align-items:center;margin:0 0 10px;font-size:.8rem;color:var(--muted)}
.job h3{margin:0 0 8px;font-size:1.15rem}
.job h3 a::after{content:"";position:absolute;inset:0}
.job>p:not(.job-meta){margin:0 0 12px;font-size:.92rem;line-height:1.55;color:var(--muted)}
.job .card-go{margin-top:auto}
/* Về HDS: HDS Framework, giá trị cốt lõi */
.frame{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.frame-step{position:relative;padding:26px 24px 22px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:var(--r);background:var(--paper)}
.frame-letter{display:block;font:700 3rem/1 var(--serif);color:var(--navy)}
.frame-en{margin:4px 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.frame-step h3{margin:0 0 10px;font-size:1.1rem}
.frame-step ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.6}
.core-values{display:grid;gap:14px}
.core-value{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.core-value .i{width:36px;height:36px;padding:8px;border-radius:4px;background:var(--navy);color:var(--brass-2);flex:none}
.core-value strong{display:block;margin-bottom:2px;color:var(--navy)}
.core-value p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted)}
.vision{margin:24px 0 0;padding:20px 22px;border-left:3px solid var(--brass);background:#fff;border-radius:0 var(--r) var(--r) 0}
.vision p{margin:0 0 6px;font:500 1.08rem/1.6 var(--serif);color:var(--navy)}
.vision cite{font-style:normal;font-size:.82rem;color:var(--muted)}
@media (max-width:980px){
  .hub{grid-template-columns:1fr 1fr}
  .hub-news{grid-column:1/-1;grid-row:1}
  .frame{grid-template-columns:1fr}
  .cases{grid-template-columns:1fr 1fr}
  .lead-card{grid-template-columns:120px minmax(0,1fr)}
  .lead-card-qr{grid-column:1/-1;display:flex;gap:12px;align-items:center;text-align:left}
  .nav-toggle{display:grid;place-items:center;width:46px;height:46px;margin-left:auto;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;color:var(--navy)}
  .nav-toggle .i-close,.nav-toggle[aria-expanded=true] .i-open{display:none}
  .nav-toggle[aria-expanded=true] .i-close{display:block}
  .header-cta{margin-left:auto}
  .header-cta .btn{display:none}
  .site-nav{position:fixed;inset:var(--hh) 0 0 0;margin:0;padding:8px 16px 120px;background:var(--paper);overflow-y:auto;transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}
  .site-nav.open{transform:none;visibility:visible}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-row{justify-content:space-between;border-bottom:1px solid var(--line)}
  .nav-list>li:not(.has-sub)>.nav-link{border-bottom:1px solid var(--line)}
  .nav-link{height:56px;padding:0 4px;font-size:1.05rem;border-radius:0}
  .sub-toggle{width:56px;height:56px;margin:0}
  .has-sub:hover .sub-toggle .i{transform:none}
  .has-sub.open .sub-toggle .i{transform:rotate(180deg)}
  .mega,.has-sub:hover .mega,.has-sub:focus-within .mega{position:static;width:auto;transform:none;opacity:1;visibility:visible;display:none;grid-template-columns:1fr;padding:8px 0 16px;border:0;border-radius:0;box-shadow:none;background:transparent}
  .has-sub.open .mega{display:grid;transform:none}
  .mega::before{display:none}
  .mega-title{margin-top:14px}
  .nav-mobile-cta{display:grid;gap:10px;margin-top:24px}
  body.nav-open{overflow:hidden}
  .hero-grid,.split,.cta,.contact-grid,.page-hero-grid{grid-template-columns:1fr}
  .hero-media img{margin:0 auto;max-width:480px}
  .grid-3,.posts,.team,.pricing{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;row-gap:36px}
  .step:nth-child(2)::before{display:none}
  .why{grid-template-columns:1fr 1fr}
  .why-item:nth-child(3){padding-left:0;border-left:0}
  .layout{grid-template-columns:1fr}
  .aside{position:static}
  .aside .toc{display:none}
  .post-card-big{grid-template-columns:1fr}
  .hub{grid-template-columns:1fr 1fr}
  .mega-wide{display:none;padding:8px 0}
  .has-mega.open .mega-wide{display:block}
  .mega-cols{grid-template-columns:1fr}
  .mega-col{padding:10px 0;border-left:0}
  .mega-wide .mega-foot{margin:8px 0 0;padding:12px 0;background:transparent}
  .pillars,.cost-head{grid-template-columns:1fr}
  .values{grid-template-columns:1fr 1fr}
  .value:nth-child(3){border-left:0}
  .value:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}
  .tier-cards{grid-template-columns:1fr}
  .pains{grid-template-columns:1fr 1fr}
  .team{grid-template-columns:1fr 1fr}
  .people{grid-template-columns:repeat(3,1fr)}
  .order{grid-template-columns:1fr}
  .order-sum{position:static}
  .proc-grid{grid-template-columns:repeat(3,1fr)}
  .hub-news{grid-column:1/-1}
  .post-card-big .post-thumb{aspect-ratio:1200/630}
  .pricing .plan.featured{order:-1}
}
@media (max-width:760px){
  .svc-two,.svc-two-wide,.jobs{grid-template-columns:1fr}
  .hub{grid-template-columns:1fr}
  .cases,.cases-2{grid-template-columns:1fr}
  .lead-card{grid-template-columns:1fr}
  .lead-card-photo{max-width:150px}
  .profile-qr{grid-template-columns:1fr}
  .clients{gap:8px 20px}
  .client-name{font-size:.92rem}
  :root{--hh:64px}
  body{padding-bottom:72px}
  .brand-mark{width:36px;height:36px}
  .brand-name{font-size:1.1rem}
  .hotline .i{width:42px;height:42px}
  .grid-3,.posts,.team,.pricing,.steps{grid-template-columns:1fr}
  .step::before{display:none}
  .stats{grid-template-columns:1fr 1fr;gap:28px 16px}
  .why{grid-template-columns:1fr}
  .why-item,.why-item+.why-item{padding:26px 0 0;margin:0;border-left:0}
  .head-row{flex-direction:column;align-items:flex-start}
  .facts{grid-template-columns:1fr 1fr}
  .fact{padding:14px}
  .hero-actions .btn{flex:1 1 100%}
  .float{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1fr 1fr 1.25fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 24px -12px rgba(15,27,45,.18)}
  .mbar a,.mbar button{border:0;font:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:4px;font-weight:600;font-size:.88rem;color:var(--navy);background:var(--paper)}
  .mbar .i{width:18px;height:18px}
  .mbar a,.mbar button{flex-direction:column;gap:2px;font-size:.78rem!important}
  .chatbox{inset:0;width:auto;height:auto;border-radius:0;border:0}
  body.chat-open{overflow:hidden}
  body.chat-open .mbar{display:none}
  .proc-grid{grid-template-columns:1fr 1fr}
  .proc-cards{grid-template-columns:1fr}
  .proc-meta div{grid-template-columns:1fr;gap:2px}
  .mega>div+div{border-left:0;padding-left:0}
  .mbar .mbar-main{background:var(--brass);color:#fff}
  .faq .ans{padding-right:0}
  .price-table td:last-child,.price-table th:last-child{display:none}
  .member{flex-direction:column}
  .hub{grid-template-columns:1fr}
  .doc-index{columns:1}
  .doc-list a{grid-template-columns:34px 1fr}
  .doc-meta{grid-column:2}
  .dossier-meta th{width:40%}
  .tier-btns,.pains,.grid-2,.field-row,.values{grid-template-columns:1fr}
  .value+.value{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .team{grid-template-columns:1fr 1fr}
  .brand-logo{height:44px}
  .people{grid-template-columns:1fr 1fr;gap:24px 14px}
  .packs{grid-template-columns:1fr}
  .pack{grid-template-columns:1fr auto;align-items:center}
  .pack-meta{grid-column:1}
  .pack-price{grid-row:1 / span 2;grid-column:2}
  .order-group{padding:18px 16px 6px}
  label.opt{grid-template-columns:22px minmax(0,1fr);gap:4px 12px}
  .opt-price{grid-column:2}
  .dlg{padding:24px 20px}
  .person h3{font-size:1rem}
  .person-bio{display:none}
  .news-list li{grid-template-columns:96px 1fr}
  .map iframe{height:320px}
  .cta{border-radius:8px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Đội ngũ: thẻ bấm mở hồ sơ */
.person{position:relative}
.person h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.person:hover h3 a,.person h3 a:focus-visible{color:var(--brass)}
.person-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:.82rem;font-weight:600;color:var(--brass)}
.person-more .i{width:14px;height:14px;transition:transform .2s}
.person:hover .person-more .i,.mini-person:hover .person-more .i{transform:translateX(3px)}
.people-full{grid-template-columns:repeat(var(--team-cols-full,3),1fr);gap:40px 28px}
.lead-chip{display:flex;gap:12px;align-items:center;min-width:0}
.lead-chip img{width:56px;height:70px;object-fit:cover;object-position:top;border-radius:3px;flex:none}
.lead-chip strong{display:block;font-size:1rem;line-height:1.3;color:var(--navy)}
.lead-chip small{display:block;font-size:.86rem;line-height:1.35;color:var(--muted)}
.lead-chip:hover strong{color:var(--brass)}
.people-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.mini-person{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s}
.mini-person:hover{border-color:var(--brass-2);box-shadow:var(--shadow)}
.mini-person img{width:84px;height:105px;object-fit:cover;object-position:top;border-radius:3px}
.prose .mini-person h3,.mini-person h3{margin:0 0 2px;font:700 1.05rem/1.3 var(--serif);color:var(--navy)}
.mini-person h3 a::after{content:"";position:absolute;inset:0}
.prose .mini-person p,.mini-person p{margin:0;font-size:.86rem;line-height:1.45;color:var(--muted)}
.prose .mini-person .person-title{color:var(--brass);font-size:.7rem}
.mini-person .person-more{margin-top:6px}

/* Hồ sơ nhân sự */
.profile-page{background:#fff;padding-bottom:clamp(48px,6vw,80px);border-bottom:1px solid var(--line)}
.profile-head{display:grid;grid-template-columns:300px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start;margin-top:28px}
.profile-photo{margin:0}
.profile-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top;border-radius:4px;background:#e8ebf0}
.profile-name{margin:2px 0 6px;font-size:clamp(1.9rem,1.4rem + 1.8vw,2.8rem)}
.profile-role{margin:0;font-size:1.05rem;font-weight:600;color:var(--ink)}
.profile-role span{display:block;font-size:.9rem;font-weight:400;color:var(--muted)}
.profile-facts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:22px 0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}
.profile-facts div{padding:14px 16px 14px 0}
.profile-facts div+div{padding-left:16px;border-left:1px solid var(--line)}
.profile-facts dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.profile-facts dd{margin-top:4px;font-weight:700;line-height:1.4;color:var(--navy)}
.profile-motto{display:flex;gap:12px;align-items:flex-start;margin:0 0 22px;font:600 1.12rem/1.5 var(--serif);color:var(--navy)}
.profile-motto .i{width:28px;height:28px;color:var(--brass);flex:none}
.profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.profile-contact{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;font-size:.94rem}
.profile-contact a{display:inline-flex;gap:7px;align-items:center;color:var(--navy);font-weight:600}
.profile-contact a:hover{color:var(--brass)}
.profile-contact .i{width:18px;height:18px;color:var(--brass)}
.profile-body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,4vw,56px);margin-top:clamp(36px,4vw,56px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--line)}
.profile-main h2{font-size:1.35rem;margin-bottom:12px}
.profile-main section+section{margin-top:32px}
.profile-main p{line-height:1.78}
.profile-main .checks{margin:0}
.pf-box{padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.pf-box+.pf-box{margin-top:16px}
.pf-box h2{margin:0 0 14px;font:700 .74rem/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.tags li{padding:5px 11px;border:1px solid var(--line);border-radius:3px;background:#fff;font-size:.86rem;font-weight:500;color:var(--navy)}
.pf-edu{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pf-edu li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;font-weight:500;line-height:1.45}
.pf-edu .i{width:22px;height:22px;color:var(--brass);flex:none}
.pf-svcs{list-style:none;padding:0;margin:0}
.pf-svcs a{display:block;padding:8px 0;border-bottom:1px dotted #c9d0de;font-size:.92rem;color:var(--navy)}
.pf-svcs li:last-child a{border-bottom:0}
.pf-svcs a:hover{color:var(--brass)}
.pdlg{width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:0;border-radius:10px;background:#fff;color:var(--ink);box-shadow:var(--shadow-lg);overflow:hidden}
.pdlg[open]{display:flex;flex-direction:column}
.pdlg::backdrop{background:rgba(16,24,56,.6)}
.pdlg-body{overflow:auto;overscroll-behavior:contain;padding:clamp(22px,3vw,40px)}
.pdlg .dlg-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 6px rgba(15,27,45,.18);cursor:pointer}
.pdlg .dlg-close .i{width:18px;height:18px}
.pdlg .profile-head{margin-top:0;grid-template-columns:240px minmax(0,1fr)}
.pdlg .profile-name{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}
.pdlg .profile-body{grid-template-columns:minmax(0,1fr) 300px;margin-top:32px;padding-top:28px}
.pdlg-loading{padding:72px 0;text-align:center;color:var(--muted)}
body:has(.pdlg[open]){overflow:hidden}

/* Dịch vụ chuyên sâu */
.practices{border-top:2px solid var(--navy)}
.practice-no{font:700 1.6rem/1.1 var(--serif);color:var(--brass)}
.practice h3{margin-bottom:8px;font-size:1.35rem}
.practice h3 a:hover{color:var(--brass)}
.practice-svcs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.practice-svcs a{display:inline-block;padding:5px 11px;border:1px solid var(--line);border-radius:3px;background:var(--paper);font-size:.84rem;color:var(--navy)}
.practice-svcs a:hover{border-color:var(--brass);color:var(--brass)}
.section:not(.section-white) .practice-svcs a{background:#fff}
.practice-label{margin:0 0 12px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.practice-lead{display:grid;gap:12px;align-content:start}
.deep-lawyers{display:grid;gap:10px;margin:12px 0 0}
.deep-card .quote-note{margin-top:16px}
.split-start{align-items:start}
.signal-list{list-style:none;counter-reset:sg;padding:0;margin:0;border-top:2px solid var(--navy)}
.signal-list li{counter-increment:sg;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-weight:500;line-height:1.55}
.signal-list li::before{content:counter(sg,decimal-leading-zero);font:700 1.05rem/1.5 var(--serif);color:var(--brass)}
.engage{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.engage-item{position:relative;padding:28px 26px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);background:rgba(255,255,255,.04)}
.engage-item h3{margin-bottom:8px;font-size:1.25rem}
.engage-item p{font-size:.95rem}
.engage-item .checks{margin:16px 0 0;font-size:.92rem}
.engage-more{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 0}
.tier-leads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:4px 0 24px;padding-top:16px;border-top:1px dashed var(--line)}
.help-lead-who{display:flex;gap:12px;align-items:center;color:#c9d3e1;font-size:.85rem;line-height:1.45}
.help-lead-who img{width:56px;height:70px;object-fit:cover;object-position:top;border-radius:3px;flex:none}
.help-lead-who small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-2)}
.help-lead-who strong{display:block;font:600 1.05rem/1.3 var(--serif);color:#fff}
.help-lead-who:hover strong{color:var(--brass-2)}

/* Nhận xét khách hàng */
.reviews-slider{position:relative}
.reviews{--gap:16px;position:relative;display:flex;gap:var(--gap);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}
.reviews::-webkit-scrollbar{display:none}
.reviews:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.reviews.is-drag{cursor:grabbing;user-select:none}
.reviews.is-drag a{pointer-events:none}
.review{position:relative;flex:0 0 calc((100% - var(--gap) * var(--review-cols,5)) / (var(--review-cols,5) + .4));aspect-ratio:9/16;display:flex;flex-direction:column;margin:0;overflow:hidden;border-radius:var(--r);background:linear-gradient(165deg,var(--navy-2),var(--navy));color:#fff;isolation:isolate}
.review:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}
.review-photo,.review-video{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
.review-video{opacity:0;transition:opacity .35s}
.review.has-video:is(:hover,:focus-within) .review-video{opacity:1}
.review-play{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:3px;padding:3px 8px 3px 6px;border-radius:3px;background:rgba(0,0,0,.45);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.04em}
.review-play .i{width:12px;height:12px}
.review:not(.has-photo)::before{content:"\201C";position:absolute;top:8px;left:14px;font:700 3.4rem/1 var(--serif);color:var(--brass)}
/* Câu nhận xét */
.review-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:48px 14px 14px;overflow:hidden}
.review.has-photo .review-body{flex:none;margin-top:auto;padding-top:70px;background:linear-gradient(to top,color-mix(in srgb,var(--navy) 94%,transparent) 0,color-mix(in srgb,var(--navy) 80%,transparent) 55%,transparent 100%)}
.review blockquote{flex:1;min-height:0;margin:0 0 10px;overflow:hidden}
.review.has-photo blockquote{flex:none}
.review blockquote p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;margin:0;font:400 .9rem/1.55 var(--serif);color:#fff}
.review.has-photo blockquote p{-webkit-line-clamp:3}
.review.has-photo blockquote p::before{content:"\201C"}
.review.has-photo blockquote p::after{content:"\201D"}
.review.has-photo .review-result{display:none}
/* Rê chuột hoặc chạm vào thẻ: hiện đủ nhận xét */
.review:is(:hover,:focus-within) blockquote{flex:none;overflow:visible}
.review:is(:hover,:focus-within) blockquote p{-webkit-line-clamp:unset}
.review.has-photo:is(:hover,:focus-within) .review-result{display:flex}
.review:is(:hover,:focus-within) .review-body{overflow-y:auto;scrollbar-width:none}
.review-result{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:.76rem;font-weight:600;line-height:1.4;color:#ffcfa6}
.review-result .i{width:15px;height:15px;margin-top:1px}
/* Người nhận xét: khối riêng, nền đặc, tách khỏi câu nhận xét */
.review-foot{display:block;flex:none;margin:0;padding:11px 14px 12px;border-top:2px solid var(--brass);background:#0f1a3f}
.review-who{display:flex;gap:10px;align-items:center}
.review-who>span{min-width:0}
.review-logo{display:grid;place-items:center;flex:none;width:54px;height:36px;padding:4px;border-radius:4px;background:#fff;overflow:hidden}
.review-logo img{width:100%;height:100%;object-fit:contain}
.review-logo.is-photo{width:36px;padding:0}
.review-logo.is-photo img{object-fit:cover}
.review-avatar{width:36px;padding:0;background:rgba(255,255,255,.14);color:#fff;font:700 1rem var(--serif)}
.review-who strong{display:block;font-size:.88rem;line-height:1.3;color:#fff}
.review-who small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.72rem;line-height:1.35;color:rgba(255,255,255,.78)}
.review-who small a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:2px}
.review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 0 0;font-size:.68rem;line-height:1.3;color:rgba(255,255,255,.72)}
.review-meta a{color:#fff;text-decoration:underline;text-decoration-color:var(--brass-2);text-underline-offset:3px}
.review-verified{display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:3px;background:rgba(33,112,74,.4);color:#a8ecc6;font-weight:700;letter-spacing:.02em}
.review-verified .i{width:12px;height:12px;stroke-width:2.4}
.slider-btn{position:absolute;top:50%;z-index:2;display:none;place-items:center;width:42px;height:42px;margin-top:-21px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--navy);box-shadow:0 4px 14px rgba(17,26,51,.16);cursor:pointer}
.slider-btn:hover{border-color:var(--navy);background:var(--navy);color:#fff}
.slider-btn .i{width:18px;height:18px}
.slider-prev{left:-21px}
.slider-prev .i{transform:rotate(180deg)}
.slider-next{right:-21px}
.reviews-slider.is-loop .slider-btn{display:grid}
@media (max-width:1200px){.review{flex-basis:calc((100% - var(--gap) * min(var(--review-cols,5),4)) / (min(var(--review-cols,5),4) + .4))}}
@media (max-width:980px){.review{flex-basis:calc((100% - var(--gap) * 3) / 3.4)}}
@media (max-width:760px){.review{flex-basis:calc((100% - var(--gap)) / 1.6)}.reviews-slider.is-loop .slider-btn{display:none}}
.check-field{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.5;color:var(--muted);cursor:pointer}
.check-field input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--navy);flex:none}
.form.sent .check-field{display:none}

@media (max-width:980px){
  .profile-head,.pdlg .profile-head{grid-template-columns:220px minmax(0,1fr)}
  .profile-body,.pdlg .profile-body{grid-template-columns:1fr}
  .engage{grid-template-columns:1fr 1fr}
  .people-full{grid-template-columns:repeat(3,1fr);gap:28px 18px}
}
@media (max-width:760px){
  .profile-head,.pdlg .profile-head{grid-template-columns:1fr;gap:20px}
  .profile-photo{max-width:240px}
  .profile-facts{grid-auto-flow:row;grid-template-columns:1fr 1fr}
  .profile-facts div:nth-child(3){grid-column:1/-1;padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .profile-actions .btn{flex:1 1 100%}
  .pdlg{width:100vw;max-width:100vw;max-height:100vh;height:100vh;border-radius:0}
  .pdlg-body{padding:20px 16px 32px}
  .people-row,.practice-issues,.deep-promises,.engage,.tier-leads{grid-template-columns:1fr}
  .deep-cta{padding:24px 20px}
  .deep-cta-act,.deep-cta-act .btn{width:100%}
  .people-full{grid-template-columns:1fr 1fr;gap:24px 14px}
  .person-more{font-size:.78rem}
}

/* Khối nhiều cột tự soạn */
.cols-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px}
.col-item{padding:26px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.section-white .col-item{background:var(--paper)}
.section-navy .col-item{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.col-item h3{margin-bottom:8px;font-size:1.15rem}
.col-item p{font-size:.95rem;color:var(--muted)}
.section-navy .col-item p{color:#c9d3e1}
.section-navy .col-item .link-arrow{color:#fff}
@media (max-width:980px){.cols-grid{grid-template-columns:1fr 1fr}.cols-grid[style*="--cols:1"]{grid-template-columns:1fr}}
@media (max-width:760px){.cols-grid{grid-template-columns:1fr}}
/* Bố cục chia 2 bên (đội ngũ, hỏi đáp trang chủ) */
.split-2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.split-2 .section-head{margin-bottom:24px}
.split-2 .section-head h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
.team-split{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:clamp(32px,4.5vw,56px)}
/* Đội ngũ trang chủ: lưới 3 cột thẻ nhỏ */
.team-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.team-mini{display:flex;gap:9px;align-items:center;min-width:0;padding:8px;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .2s,box-shadow .2s}
.section-white .team-mini{background:var(--paper)}
.team-mini:hover{border-color:var(--brass-2);box-shadow:var(--shadow)}
.team-mini img{width:52px;height:65px;object-fit:cover;object-position:top;border-radius:3px;flex:none}
.team-mini>span{min-width:0}
.team-mini .person-title{display:block;margin:0 0 2px;font-size:.66rem}
.team-mini strong{display:block;font-size:.92rem;line-height:1.3;color:var(--navy)}
.team-mini small:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.82rem;line-height:1.35;color:var(--muted)}
.team-mini:hover strong{color:var(--brass)}
/* Hỏi đáp trang chủ */
.faq-split{align-items:start}
.faq-split-head{position:sticky;top:calc(var(--hh) + 24px)}
.faq-split .faq{max-width:none;margin:0}
.faq-split .faq summary{font-size:1.08rem}
.faq-split .faq .ans{font-size:1.02rem}
/* Vụ việc: các phần của thẻ cạnh nhau thẳng hàng (subgrid) */
.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}
.cases-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}
.case{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:0;padding:26px 24px 22px;border:1px solid var(--line);border-top:3px solid var(--brass);border-radius:var(--r);background:#fff}
.case-compact{grid-row:span 7}
.section-white .case,.prose .case,.svc-sec.section-white .case{background:var(--paper)}
.case-tag{margin:0 0 8px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brass)}
.case-tag a{color:inherit}
.case h3{margin:0 0 8px;font-size:1.22rem;line-height:1.35}
.svc-sec .case h3{margin-top:0}
.case-client{display:flex;gap:6px;align-items:flex-start;margin:0 0 6px;font-size:.92rem;color:var(--muted)}
.case-client .i{width:17px;height:17px;margin-top:3px}
.case-part{margin:0;padding:12px 0 0}
.case-label{margin:0 0 3px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case-part>p:last-child{margin:0;font-size:1rem;line-height:1.6;color:var(--ink)}
.case-full .case-part>p:last-child{font-size:.97rem}
.case-result>p:last-child{display:flex;gap:7px;align-items:flex-start;font-weight:600;color:var(--ok)}
.case-result .i{width:19px;height:19px;flex:none;margin-top:3px}
.case-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line);align-content:start}
.case-figs:empty{border-top:0;padding:0}
.case-figs strong{display:block;font:700 1.4rem/1.1 var(--serif);color:var(--navy)}
.case-figs span{display:block;margin-top:4px;font-size:.82rem;line-height:1.35;color:var(--muted)}
.case-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);align-self:end}
.case-foot:empty{border-top:0;padding:0;margin:0}
.case-lead{display:flex;gap:12px;align-items:center}
.case-lead img{width:44px;height:55px;object-fit:cover;object-position:top;border-radius:3px;flex:none}
.case-lead small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case-lead strong{display:block;font-size:1rem;line-height:1.3;color:var(--navy)}
.case-lead:hover strong{color:var(--brass)}
@supports not (grid-template-rows:subgrid){.case{display:flex;flex-direction:column}.case-foot{margin-top:auto}}
/* Chuyên sâu – trang chủ: lưới thẻ 3×2 (5 mảng + thẻ cam kết), các phần thẳng hàng */
.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.practice-card{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;padding:26px 24px 22px;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r);background:var(--paper)}
.practice-card .practice-no{margin:0 0 6px;font:700 1.5rem/1 var(--serif);color:var(--brass)}
.practice-card h3{margin:0 0 10px;font-size:1.3rem}
.practice-card h3 a:hover{color:var(--brass)}
.practice-desc{margin:0 0 16px;font-size:1rem;line-height:1.65;color:var(--muted)}
.practice-grid .practice-card .practice-svcs{display:grid;gap:0;align-content:start;margin:0 0 16px;padding:0;list-style:none;border-top:1px solid var(--line)}
.practice-grid .practice-card .practice-svcs a{display:flex;gap:8px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;font-size:.97rem;font-weight:600;color:var(--navy)}
.practice-grid .practice-card .practice-svcs .i{width:15px;height:15px;color:var(--brass);flex:none}
.practice-grid .practice-card .practice-svcs a:hover{color:var(--brass)}
.practice-card .practice-lead{align-self:end;display:block}
.practice-cta{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;padding:26px 24px 22px;border-radius:var(--r);background:var(--navy);color:#c9d3e1}
.practice-cta .practice-no{margin:0 0 6px;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-2)}
.practice-cta h3{margin:0 0 10px;font-size:1.3rem;color:#fff}
.practice-cta .deep-promises{grid-row:span 2;display:grid;gap:12px;align-content:start;margin:0 0 16px;font-size:1rem}
.practice-cta .deep-cta-act{align-self:end;display:grid;gap:10px}
@supports not (grid-template-rows:subgrid){.practice-card,.practice-cta{display:flex;flex-direction:column}.practice-card .practice-lead,.practice-cta .deep-cta-act{margin-top:auto}}
/* Chuyên sâu – trang riêng: hàng 4 cột, không còn khoảng trống giữa */
.practices .practice{display:grid;grid-template-columns:48px minmax(0,1.15fr) minmax(0,1fr) 230px;gap:clamp(18px,2.6vw,36px);padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hh) + 20px)}
.practices .practice-main>p{margin-bottom:16px;font-size:1.02rem;color:var(--muted)}
.practices .practice-issues{grid-template-columns:1fr;gap:9px;margin:0;font-size:.98rem}
.practice-cases .practice-label{margin-bottom:10px}
/* Bản tin: 3 cột cao bằng nhau, phần cuối mỗi cột giãn cho khớp đáy */
.hub{align-items:stretch}
.hub-col{display:flex;flex-direction:column;gap:20px}
.hub-col>:last-child{flex:1}
.hub-panel{display:flex;flex-direction:column}
.hub-body{flex:1;display:flex;flex-direction:column}
.hub-col>.hub-panel:last-child .hub-body>:last-child{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.hub-col>.hub-cta:last-child{align-content:center}
@media (max-width:980px){
  .practice-grid,.cases{grid-template-columns:1fr 1fr}
  .practices .practice{grid-template-columns:44px minmax(0,1fr) 210px}
  .practices .practice-cases{grid-column:2}
  .practices .practice-lead{grid-column:3;grid-row:1}
  .split-2{grid-template-columns:1fr}
  .faq-split-head{position:static}
}
@media (max-width:760px){
  .practice-grid,.cases,.cases-2{grid-template-columns:1fr}
  .team-strip{grid-template-columns:1fr 1fr}
  .practices .practice{grid-template-columns:1fr;gap:14px}
  .practices .practice-cases,.practices .practice-lead{grid-column:auto;grid-row:auto}
}
/* 2 nhóm dịch vụ: danh sách 2 cột thẳng hàng thay cho chip */
.section-head.center{max-width:860px}
.tier-card .tier-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-content:start;padding-top:6px}
.tier-card .tier-links a{display:flex;gap:8px;align-items:flex-start;padding:9px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;font-size:.96rem;font-weight:600;line-height:1.4;color:var(--navy)}
.tier-card .tier-links .i{width:15px;height:15px;margin-top:4px;color:var(--brass);flex:none}
.tier-card .tier-links a:hover{color:var(--brass)}
@media (max-width:760px){.tier-card .tier-links{grid-template-columns:1fr}}
.case-figs strong.long{font-size:1.08rem;line-height:1.25}
.practices .practice-svcs a{padding:6px 12px;font-size:.92rem}


/* ---------- Tài khoản: hộp đăng nhập/xác thực, trang khách hàng & đối tác ---------- */
.must{color:var(--brass)}
.field-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}
.txt-btn{justify-self:start;padding:0;border:0;background:none;font-size:.88rem;font-weight:600;color:var(--blue);cursor:pointer}
.txt-btn:hover{color:var(--brass)}.txt-btn:disabled{color:var(--muted);cursor:default}
.txt-btn[hidden]{display:none}
.dlg-lead{margin:0;color:var(--muted);font-size:.94rem}
.dlg [data-ch][hidden]{display:none}
.dlg [data-ch] b{color:var(--navy)}
.otp-input{font-size:1.5rem!important;font-weight:700;letter-spacing:.5em;text-align:center}
.otp-actions{display:flex;justify-content:space-between;gap:12px}
.form-err.form-ok{background:#e8f4ee;color:var(--ok)}
.acc-hero{padding-bottom:28px}
.acc-hero .lead{margin:0;max-width:720px}
.acc{padding-top:clamp(28px,4vw,44px)}
.acc-grid{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.acc-side{position:sticky;top:calc(var(--hh) + 16px);display:grid;gap:16px}
.acc-user{display:flex;gap:12px;align-items:center;padding:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.acc-user[hidden]{display:none}
.acc-user div{min-width:0}.acc-user b{display:block;color:var(--navy);line-height:1.3}
.acc-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.acc-avatar{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--serif);font-weight:700;font-size:1.15rem}
.acc-nav{display:grid;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.acc-nav a,.acc-nav button{display:flex;gap:10px;align-items:center;padding:13px 16px;border:0;border-left:3px solid transparent;background:none;font-weight:600;color:var(--ink);text-align:left;cursor:pointer}
.acc-nav a+a,.acc-nav button{border-top:1px solid var(--line)}
.acc-nav a:hover,.acc-nav button:hover{color:var(--brass)}
.acc-nav a[aria-current]{border-left-color:var(--brass);background:var(--paper);color:var(--navy)}
.acc-nav button[hidden]{display:none}
.acc-nav .i{width:18px;height:18px;color:var(--blue)}
.acc-help{padding:16px;border-radius:var(--r);background:var(--navy);color:#dfe4f3;font-size:.9rem;display:grid;gap:8px}
.acc-help p{margin:0;font-weight:600;color:#fff}
.acc-help a{display:flex;gap:8px;align-items:center}.acc-help a:hover{color:var(--brass-2)}
.acc-help .i{width:16px;height:16px}
.acc-main,.acc-body{display:grid;gap:20px;min-width:0}
.acc-body[hidden],[data-acc-gate][hidden]{display:none}
.acc-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(18px,2.5vw,28px)}
.acc-box h2{font-size:1.3rem;margin:0}
.acc-head{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}
.acc-login h2{margin-bottom:10px}.acc-login p{color:var(--muted)}
.acc-login .checks{margin:24px 0 0}
.acc-filter{display:flex;gap:4px;padding:3px;border-radius:6px;background:var(--paper)}
.acc-filter button{padding:6px 12px;border:0;border-radius:4px;background:none;font-size:.86rem;font-weight:600;color:var(--muted);cursor:pointer}
.acc-filter button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(28,43,99,.15)}
.acc-link{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:.9rem;color:var(--brass)}
.acc-link .i{width:16px;height:16px}
.acc-list{display:grid;gap:12px}
.acc-more{margin-top:14px}.acc-more[hidden]{display:none}
.acc-small{margin:12px 0 0;font-size:.85rem;color:var(--muted)}
.acc-small a{color:var(--blue);font-weight:600}
.acc-empty{padding:22px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--muted)}
.acc-empty p{margin:0 0 12px}.acc-empty p:last-child{margin:0}
.acc-loading{color:var(--muted);text-align:center;padding:18px!important}
.acc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.acc-stats:empty{display:none}
.acc-stat{padding:18px 20px;background:#fff}
.acc-stat b{display:block;font-family:var(--serif);font-size:1.7rem;line-height:1.2;color:var(--navy)}
.acc-stat span{font-size:.86rem;color:var(--muted)}
.req{padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.req header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:6px}
.req-code{font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--muted)}
.req h3{font-size:1.06rem;margin:0 0 4px}.req h3 a:hover{color:var(--brass)}
.req-meta{margin:0;font-size:.85rem;color:var(--muted)}
.req-note{margin:14px 0 0;padding:10px 14px;border-left:3px solid var(--brass);background:var(--paper);font-size:.92rem}
.req-price{margin:10px 0 0;font-size:.9rem;color:var(--muted)}.req-price b{color:var(--navy)}
.badge{flex:none;padding:3px 10px;border-radius:999px;border:1px solid currentColor;font-size:.76rem;font-weight:700;white-space:nowrap}
.b-new{color:var(--muted)}.b-doing{color:var(--blue)}.b-ok{color:var(--ok)}.b-off{color:#a1271c}
.pstep{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0;margin:14px 0 0}
.pstep li{position:relative;padding-top:12px;font-size:.8rem;font-weight:600;color:var(--muted)}
.pstep li::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:2px;background:var(--line)}
.pstep li.done::before{background:var(--navy)}
.pstep li.cur::before{background:linear-gradient(90deg,var(--brass) 55%,var(--line) 55%)}
.pstep li.done,.pstep li.cur{color:var(--navy)}
.ord-items{list-style:none;margin:12px 0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:6px;font-size:.9rem}
.ord-items li{display:flex;justify-content:space-between;gap:12px}.ord-items b{white-space:nowrap;color:var(--navy)}
.ord footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;font-size:.92rem}
.ord footer b{color:var(--navy)}
.acc-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px}
.acc-dl dt{font-size:.8rem;color:var(--muted)}.acc-dl dd{font-weight:600;color:var(--navy);overflow-wrap:anywhere}
.acc-dl a{color:var(--blue)}
.ref-grid{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:start}
.ref-form{display:grid;gap:14px}
.ref-label{margin:0;font-size:.86rem;font-weight:600;color:var(--navy)}
.ref-code{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:-8px}
.ref-code b{font-family:var(--serif);font-size:1.5rem;letter-spacing:.06em;color:var(--navy)}
.ref-link{display:flex;gap:8px}
.ref-link input{flex:1;min-width:0;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:.88rem}
.ref-form .acc-small{margin:0}
.ref-qr{margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--r);text-align:center}
.ref-qr svg{display:block;width:100%;height:auto}
.ref-qr figcaption{margin-top:8px;font-size:.8rem;color:var(--muted)}
.acc-table{width:100%;border-collapse:collapse;font-size:.9rem}
.acc-table th,.acc-table td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.acc-table th{background:var(--paper);font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}
.acc-table tr:last-child td{border-bottom:0}
.acc-table td b{color:var(--navy)}
#hoa-hong .table-wrap{margin:0}
.acc-pager{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:14px;font-size:.9rem;color:var(--muted)}
.acc-pager[hidden]{display:none}
.acc-how{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:h}
.acc-how li{counter-increment:h;display:grid;gap:4px;align-content:start;font-size:.92rem;color:var(--muted)}
.acc-how li::before{content:counter(h,decimal-leading-zero);font-family:var(--serif);font-weight:700;font-size:1.3rem;color:var(--brass)}
.acc-how b{color:var(--navy)}
.reset-form{display:grid;gap:14px;max-width:460px;margin-inline:auto}
@media (max-width:900px){
  .acc-grid{grid-template-columns:1fr}
  .acc-side{position:static;order:2}
  .acc-main{order:1}
}
@media (max-width:640px){
  .ref-grid{grid-template-columns:1fr}.ref-qr{max-width:220px}
  .ref-link{flex-direction:column}
  .acc-how{grid-template-columns:1fr}
  .acc-table thead{display:none}
  .acc-table tr{display:grid;padding:10px 0;border-bottom:1px solid var(--line)}
  .acc-table td{display:flex;justify-content:space-between;gap:12px;padding:4px 14px;border:0}
  .acc-table td{text-align:right}
  .acc-table td::before{content:attr(data-th);flex:none;font-size:.8rem;color:var(--muted);text-align:left}
  .acc-table td[colspan]::before{content:none}
}
.share-ref{display:inline-flex;gap:8px;align-items:center;margin-top:16px;padding:0;border:0;background:none;font-size:.9rem;font-weight:600;color:var(--blue);cursor:pointer}
.share-ref .i{width:18px;height:18px;color:var(--brass)}
.share-ref:hover span{text-decoration:underline}
.req-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.ord-state:empty{display:none}
.ord-state{margin:0 0 12px;padding:12px 14px;border-radius:4px;background:var(--paper)}
.ord-state p{margin:0}.ord-state .req-links{margin-top:10px}
.ord-done b{color:var(--ok)}
.ord-prog b{color:var(--navy)}
.ord-bar{display:block;height:4px;margin-top:8px;border-radius:2px;background:var(--line);overflow:hidden}
.ord-bar i{display:block;height:100%;background:var(--brass)}
.acc-pending{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:center;padding:16px 20px;border:1px solid var(--brass-2);border-left:4px solid var(--brass);border-radius:var(--r);background:#fff7ef}
.acc-pending b{color:var(--navy)}.acc-pending p{margin:2px 0 0}
[data-pending]:empty{display:none}

/* ===== 25/10/2026: 2 nhóm dịch vụ, trang khách hàng/vụ việc, hồ sơ nhân sự, đặt dịch vụ, chân trang ===== */
/* Nhóm dịch vụ: tên nhóm dẫn tới trang tổng quan */
.tier-card h2 a,.tier-card h3 a{color:inherit}
.tier-card h2 a:hover,.tier-card h3 a:hover{color:var(--brass)}
.tier-links{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.tier-links a{display:flex;gap:8px;align-items:center;height:100%;padding:9px 12px}
.tier-links .i{width:15px;height:15px;flex:none;color:var(--brass)}
.mega-tier a{color:inherit}.mega-tier a:hover{color:var(--brass)}
.std-group+.std-group{margin-top:40px}
.std-cat{display:flex;gap:10px;align-items:center;margin:0 0 16px;font-size:1.2rem}
.std-cat .i{width:24px;height:24px;color:var(--brass)}
/* Thẻ AI + luật sư */
.ai-card{display:grid;gap:14px;align-content:start;background:var(--navy);border-color:var(--navy);color:#c9d3e1}
.ai-badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:0;padding:6px 12px;border-radius:3px;background:rgba(255,154,60,.14);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-2)}
.ai-badge .i{width:16px;height:16px}
.ai-title{margin:0;font:700 1.3rem/1.4 var(--serif);color:#fff}
.ai-points{list-style:none;margin:0 0 4px;padding:0;display:grid;gap:10px}
.ai-points li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.5}
.ai-points .i{width:19px;height:19px;flex:none;margin-top:2px;color:var(--brass-2)}
.ai-card .form{padding:18px;border-radius:var(--r);background:#fff;color:var(--ink)}
.ai-card .btn-ghost{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
/* Hồ sơ nhân sự: mã QR góc phải ngang tên; Gọi ngay, Nhắn Zalo */
.profile-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.profile-qr{display:grid;grid-template-columns:auto;justify-items:center;gap:6px;margin:0;padding:8px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.profile-qr svg{width:104px;height:104px}
.profile-qr a{display:inline-flex;gap:5px;align-items:center;font-size:.78rem;font-weight:600;color:var(--blue)}
.profile-qr a .i{width:14px;height:14px}
.profile-actions{gap:10px}
.profile-actions .btn{min-height:46px;padding:0 18px}
.profile-contact{width:100%;margin-top:12px}
.pf-sub{margin:18px 0 8px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.tags a{color:inherit}.tags li:has(a){border-color:#c8d1e4}.tags li:has(a):hover{border-color:var(--brass)}
.pf-cases{margin:0;padding:0 0 0 20px;display:grid;gap:10px}
.pf-cases li{font-size:.92rem;line-height:1.45}
.pf-cases a{font-weight:600;color:var(--navy)}.pf-cases a:hover{color:var(--brass)}
.pf-cases small{display:block;margin-top:2px;font-size:.78rem;font-weight:600;color:var(--brass-d)}
/* Nút gợi tò mò dưới thanh nhận xét */
.clients-teaser{display:flex;gap:16px;align-items:center;max-width:620px;margin:26px auto 0;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);box-shadow:var(--shadow);transition:border-color .2s,transform .2s}
.clients-teaser:hover{border-color:var(--brass);transform:translateY(-2px)}
.ct-logos{display:flex;flex:none}
.ct-logos span{display:grid;place-items:center;width:38px;height:38px;margin-left:-10px;border:2px solid #fff;border-radius:50%;background:var(--navy);font:700 .9rem/1 var(--serif);color:#fff;overflow:hidden}
.ct-logos span:first-child{margin-left:0}
.ct-logos span:nth-child(2){background:var(--blue)}.ct-logos span:nth-child(3){background:var(--brass)}.ct-logos span:nth-child(4){background:#5b6680}
.ct-logos img{width:100%;height:100%;object-fit:contain;background:#fff}
.ct-text{flex:1;min-width:0}
.ct-text strong{display:block;font-size:1rem;line-height:1.35}
.ct-text small{display:block;font-size:.85rem;color:var(--muted)}
.clients-teaser>.i{width:22px;height:22px;flex:none;color:var(--brass)}
/* Thẻ khách hàng */
.client-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.client-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:box-shadow .2s,transform .2s}
.client-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.section-white .client-card{background:var(--paper)}
.client-card-img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--sand)}
.client-card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.client-card-meta{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brass)}
.client-card h3{margin:0 0 8px;font-size:1.18rem}
.client-card h3 a{color:var(--navy)}.client-card h3 a:hover{color:var(--brass)}
.client-card-body>p{margin:0 0 12px;font-size:.95rem;color:var(--muted)}
.client-card-body>p.client-contract{display:flex;gap:8px;align-items:flex-start;padding-top:12px;border-top:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--navy)}
.client-contract .i{width:17px;height:17px;flex:none;margin-top:3px;color:var(--brass)}
.client-card .card-go{margin-top:auto}
.client{filter:none;opacity:1}
.client:hover{color:var(--brass)}
/* Thẻ vụ việc có ảnh, tiêu đề dẫn tới bài viết */
.case{grid-row:span 9;border-top-width:1px}
.case-compact{grid-row:span 8}
.case-img{display:block;margin:-26px -24px 18px;border-radius:var(--r) var(--r) 0 0;overflow:hidden}
.case-img img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;background:var(--sand);transition:transform .3s}
.case:hover .case-img img{transform:scale(1.03)}
.case h3 a{color:var(--navy)}.case h3 a:hover{color:var(--brass)}
.case-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.case-more{display:inline-flex;gap:4px;align-items:center;font-size:.9rem;font-weight:600;color:var(--brass)}
.case-more .i{width:16px;height:16px}
/* Bài viết vụ việc, khách hàng */
.article-hero h1{max-width:900px;font-size:clamp(1.8rem,1.3rem + 1.9vw,2.7rem)}
.case-figs-hero{max-width:760px;margin-top:24px;border-top:2px solid var(--navy)}
.story-cover{margin:0 0 28px}
.story-cover img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r);background:var(--sand)}
.story-cover figcaption{margin-top:8px;font-size:.86rem;color:var(--muted)}
.story h2{margin:36px 0 12px;font-size:clamp(1.3rem,1.15rem + .7vw,1.6rem)}
.case-summary{display:grid;gap:14px;margin:0 0 8px;padding:22px 24px;border:1px solid var(--line);border-left:4px solid var(--brass);border-radius:var(--r);background:var(--paper)}
.case-summary p{margin:0}
.case-summary .case-label{margin-bottom:2px}
.story .cases{margin-top:8px}
.story-quote{margin:16px 0;padding:18px 22px;border-left:3px solid var(--brass);background:var(--paper);font:500 1.05rem/1.65 var(--serif);color:var(--navy)}
.story-quote p{margin:0 0 8px}.story-quote cite{font:600 .88rem var(--sans);font-style:normal;color:var(--muted)}
.fact-box{display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.section-white .fact-box{background:var(--paper)}
.fact-box-title{display:flex;gap:8px;align-items:center;margin:0;font-weight:700;color:var(--navy)}
.fact-box-title .i{width:20px;height:20px;color:var(--brass)}
.fact-box dl{margin:0;display:grid;gap:10px}
.fact-box dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fact-box dd{margin:2px 0 0;font-weight:600;line-height:1.45;color:var(--ink)}
.fact-box-sub{margin:4px 0 0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fact-box p{margin:0}
.case-people{display:grid;gap:12px}
/* Chính sách gộp, hồ sơ năng lực */
.policy+.policy{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.policy h2{margin-top:24px}
.policy-file a{display:inline-flex;gap:6px;align-items:center;font-weight:600}
.policy-file .i{width:17px;height:17px}
.profile-cases{margin:0;padding-left:22px;display:grid;gap:14px;max-width:900px}
.profile-cases a{font-weight:700;color:var(--navy)}
.profile-cases span{display:block;color:var(--muted)}
@media print{
  .no-print,.hero-actions{display:none!important}
  .section{padding:18px 0!important}
  .tier-card,.person,.stat{break-inside:avoid}
}
/* Đặt dịch vụ: 3 bước, chọn gói một lần bấm */
.order-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:26px}
.order-head .section-head{margin:0}
.order-steps{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.order-steps li{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.order-steps li>span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--navy);font-weight:700;font-size:.9rem;color:#fff}
.order-steps li:first-child>span{background:var(--brass)}
.order-steps p{margin:0;line-height:1.3}
.order-steps strong{display:block;font-size:.92rem;color:var(--navy)}
.order-steps small{display:block;font-size:.78rem;color:var(--muted)}
.order-packs{padding:0;border:0;background:none}
.packs{gap:14px;padding:0}
.pack{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 18px;border:2px solid var(--line);border-radius:8px;background:#fff;font:inherit;color:inherit;text-align:left}
.pack[aria-pressed="true"]{border-color:var(--brass);background:#fff;box-shadow:0 10px 30px -14px rgba(234,108,0,.55)}
.pack-badge{position:absolute;top:-12px;left:18px;padding:3px 10px;border-radius:3px;background:var(--brass);font-size:.72rem;font-weight:700;color:#fff}
.pack-name{font-size:1.05rem}
.pack-price{font-size:1.6rem}
.pack-items{display:grid;gap:5px;margin:6px 0 4px;padding-top:10px;border-top:1px solid var(--line);font-size:.86rem;line-height:1.4;color:var(--ink)}
.pack-items>span{display:flex;gap:6px;align-items:flex-start}
.pack-items .i{width:15px;height:15px;flex:none;margin-top:2px;color:var(--ok);stroke-width:2.4}
.pack-more{color:var(--muted)}
.pack-pick{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:auto;padding:9px;border-radius:4px;background:var(--paper);font-size:.9rem;font-weight:600;color:var(--navy)}
.pack-pick .i,.pack-pick b{display:none}
.pack-pick .i{width:18px;height:18px}
.pack-pick i{font-style:normal}
.pack[aria-pressed="true"] .pack-pick{background:var(--brass);color:#fff}
.pack[aria-pressed="true"] .pack-pick .i,.pack[aria-pressed="true"] .pack-pick b{display:inline}
.pack[aria-pressed="true"] .pack-pick i{display:none}
.order-more{border:1px dashed #c3cbdc;border-radius:8px;background:var(--paper)}
.order-more>summary{display:flex;gap:10px;align-items:center;padding:14px 18px;font-weight:600;color:var(--navy);cursor:pointer;list-style:none}
.order-more>summary::-webkit-details-marker{display:none}
.order-more>summary .i{width:18px;height:18px;color:var(--brass);transition:transform .2s}
.order-more[open]>summary .i{transform:rotate(45deg)}
.order-more>summary small{margin-left:auto;font-weight:500;color:var(--muted)}
.order-more .order-group{margin:0 14px 14px}
.sum-label{font-size:.8rem}
.sum-detail summary{font-size:.86rem;color:#c9d3e1;cursor:pointer}
.sum-detail .sum-list{margin-top:10px}
.btn-lg{min-height:58px;font-size:1.05rem}
/* Đầu trang dịch vụ đặt trực tuyến: chọn gói ngay */
.quick-packs{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.quick-packs a{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:10px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r);color:var(--navy);transition:border-color .2s,background-color .2s}
.quick-packs a:hover{border-color:var(--brass)}
.quick-packs a.is-pick{border-color:var(--brass);background:#fff7ef}
.quick-packs span{font-weight:700;line-height:1.3}
.quick-packs small{display:block;font-size:.74rem;font-weight:600;color:var(--brass-d)}
.quick-packs b{font:700 1.15rem/1 var(--serif);color:var(--navy)}
.quick-packs .i{width:18px;height:18px;color:var(--brass)}
.quote-or{margin:0 0 12px;font-size:.88rem;font-weight:600;color:var(--muted)}
@media (max-width:980px){
  .client-cards{grid-template-columns:1fr 1fr}
  .order-head{grid-template-columns:1fr}
}
@media (max-width:760px){
  .tier-links{grid-template-columns:1fr}
  .client-cards{grid-template-columns:1fr}
  .profile-top{grid-template-columns:minmax(0,1fr) 96px}
  .profile-qr svg{width:80px;height:80px}
  .order-steps{flex-direction:column}
  .clients-teaser{border-radius:var(--r)}
}
.print-only{display:none}
@media print{
  .print-only{display:block;margin:0 0 8px}.print-only .brand-logo{height:56px;width:auto}
  .page-hero-simple .eyebrow{margin-top:0}
  .people .person,.case,.client-card{break-inside:avoid}
  .pf-doc .split{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px!important}
  .pf-doc .tier-cards{display:grid!important;grid-template-columns:1fr 1fr!important}
  .pf-doc .people{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important}
  .pf-doc .person-more{display:none}
  .pf-doc .stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important}
  .pf-doc>section{break-inside:avoid}
  .pf-doc .section-head{break-after:avoid;break-inside:avoid;margin-bottom:16px}
  .pf-doc .tier-card .btn{display:none}
  .site-footer,.float,.mbar{display:none!important}
}
/* Đơn sắc theo màu HDS: thẻ tiện ích/tra cứu, bảng tin, tiêu đề danh mục không dùng mỗi thẻ một màu */
.card.util,.hub-panel,.cat-head,.price-cat,.mega-col{--c:var(--navy)!important;--s:#eef1f8!important}
/* Popup ở trang Về HDS: hồ sơ năng lực, đặt lịch tư vấn (nạp từ trang đích) */
.pdlg:has(.contact-form){width:min(640px,calc(100vw - 32px))}
.pdlg .contact-form{border:0;padding:0}
.pdlg .contact-form h2{padding-right:44px}
.pdlg:has(.pdf-pop){width:min(1000px,calc(100vw - 32px));height:calc(100vh - 40px)}
.pdlg:has(.pdf-pop) .pdlg-body{flex:1;display:flex;flex-direction:column;padding:18px 20px 20px}
.pdf-pop{flex:1;display:flex;flex-direction:column;gap:14px;min-height:0}
.pdf-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:48px}
.pdf-head h2{margin:0;font-size:clamp(1.2rem,1rem + .6vw,1.5rem)}
.pdf-acts{display:flex;gap:8px;flex-shrink:0}
.pdf-pop iframe{flex:1;width:100%;min-height:0;border:1px solid var(--line);border-radius:6px;background:#f2f3f7}
/* ===== 26/10/2026: chân trang theo bố cục hdslaw.vn, giữ màu và cỡ chữ của website ===== */
.site-footer{background:var(--ink);color:#93a0b4;padding:48px 0 22px;font-size:.93rem}
.ft-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.ft-about{grid-column:span 3}
.ft-col{grid-column:span 2}
.ft-col:last-child{grid-column:span 3}
.site-footer .brand-logo{display:block;height:88px;width:auto;margin:0 0 14px}
.ft-legal{margin:0 0 16px}
.ft-legal p{margin:0 0 6px;font-size:.84rem;line-height:1.7}
.ft-legal span{font-weight:600}
.ft-legal .ft-name{font-weight:700;text-transform:uppercase;color:#fff}
.bct img{display:block;width:118px;height:auto}
.ft-title{margin:0 0 18px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.ft-links,.ft-contact{list-style:none;margin:0;padding:0;font-size:.875rem}
.ft-links li{margin:0 0 12px}
.ft-links a{display:flex;align-items:flex-start;line-height:1.45;transition:color .2s}
.ft-links .i{flex:none;width:12px;height:12px;margin:.3em 4px 0 0;transform:rotate(-90deg);color:var(--brass-2);opacity:.5;transition:opacity .2s}
.ft-links a:hover .i{opacity:1}
.ft-contact li{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;line-height:1.6}
.ft-contact li:last-child{margin-bottom:0}
.ft-contact li>a:first-child{display:flex;gap:12px;align-items:flex-start}
.ft-contact .i{flex:none;width:18px;height:18px;margin-top:2px;color:var(--brass-2)}
.site-footer a{transition:color .2s}
.site-footer a:hover{color:#fff}
.ft-bottom{margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.ft-bottom p{margin:0;font-size:.8rem;color:#6f7d92}
@media (max-width:1023px){.ft-grid{grid-template-columns:1fr 1fr;gap:40px 32px}.ft-about{grid-column:1/-1}.ft-col,.ft-col:last-child{grid-column:auto}}
@media (max-width:767px){.ft-grid{grid-template-columns:1fr;gap:32px}.site-footer .brand-logo{height:72px}}
/* ===== 26/10/2026: menu Dịch vụ – tiêu đề cột nổi bật, tiện ích trong cột Tiện ích, 1 nút xem tất cả ===== */
.mega-cols{grid-template-columns:1.2fr 1fr 1.05fr 1.05fr 1.15fr}
.mega-cat{margin:0 0 14px;padding:10px 12px;border:0;border-radius:6px;background:var(--navy);color:#fff;font-family:var(--serif);font-size:1rem;letter-spacing:0}
.mega-cat .i{color:var(--brass-2)}
.mega-tier{display:flex;align-items:center;gap:8px;margin:14px 0 4px;letter-spacing:.08em}
.mega-tier::after{content:"";flex:1;height:1px;background:var(--line)}
.mega-cat+.mega-tier{margin-top:4px}
.mega .mega-col .mega-util{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0 0;padding:12px;border:1.5px solid var(--brass);border-radius:8px;background:#fff}
.mega .mega-col .mega-util:hover{background:var(--brass)}
.mega .mega-col .mega-util .i{width:18px;height:18px;margin:0;color:var(--brass)}
.mega .mega-col .mega-util:hover *{color:#fff}
.mega .mega-util small{margin-top:3px}
.mega-wide .mega-foot{gap:8px 22px;align-items:center}
.mega-wide .mega-foot .mega-all{padding:9px 16px;border-radius:6px;background:var(--navy);color:#fff}
.mega-wide .mega-foot .mega-all:hover{background:var(--brass);color:#fff}
.mega-wide .mega-foot .mega-all .i{color:#fff}
.mega-all-sub{display:flex;flex-wrap:wrap;gap:4px 18px}
.mega-wide .mega-all-sub a{font-weight:500;color:var(--muted)}
.mega-wide .mega-all-sub a:hover{color:var(--brass)}
@media (max-width:980px){.mega-cols{grid-template-columns:1fr!important}.mega-cat{font-size:.98rem}.mega-wide .mega-foot{padding:12px 0}}

/* Cổng khách hàng – trang Tài khoản: thanh bên theo nhóm (Dịch vụ / Tài khoản / Đối tác / Hỗ trợ), các mục chuyển bằng #hash (assets/account.js) */
.portal{padding:clamp(20px,3vw,36px) 0 clamp(44px,5vw,72px)}
.pgrid{display:grid;grid-template-columns:264px minmax(0,1fr);gap:28px;align-items:start;transition:grid-template-columns .2s}
.pside{position:sticky;top:calc(var(--hh) + 16px);display:grid;gap:10px;align-content:start;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px;max-height:calc(100vh - var(--hh) - 32px);overflow-y:auto}
.pside-user{display:flex;gap:12px;align-items:center;padding:4px 4px 14px;border-bottom:1px solid var(--line)}
.pside-user[hidden]{display:none}
.pside-user div{min-width:0}
.pside-user b{display:block;color:var(--navy);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pside-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.8rem}
.pside-tag{display:inline-block;margin-top:5px;padding:1px 9px;border-radius:999px;background:#fff1e5;color:var(--brass-d);font-size:.72rem;font-weight:700}
.pnav{display:grid;gap:2px}
.pnav-h{margin:14px 12px 4px;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy)}
.pnav a,.pnav button{display:flex;gap:12px;align-items:center;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;font-size:.94rem;font-weight:500;color:var(--ink);text-align:left;cursor:pointer;transition:background-color .15s,color .15s}
.pnav a:hover,.pnav button:hover{background:var(--paper);color:var(--navy)}
.pnav a[aria-current]{background:var(--navy);color:#fff;font-weight:600}
.pnav a[aria-current] .i{color:#fff}
.pnav .i{width:19px;height:19px;color:var(--blue)}
.pnav span{flex:1;min-width:0}
.pnav-n{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--brass);color:#fff;font-style:normal;font-size:.74rem;font-weight:700;text-align:center}
.pnav-n[hidden],.pnav button[hidden]{display:none}
.pnav-tel{margin-top:8px}.pnav-tel b{color:var(--navy)}
.pnav a.pnav-tel:hover{background:none}
.pside-fold{justify-self:center;display:grid;place-items:center;width:44px;height:34px;margin-top:4px;border:0;border-radius:8px;background:var(--sand);color:var(--blue);cursor:pointer}
.pside-fold .i{width:18px;height:18px;transform:rotate(90deg);transition:transform .2s}
.pside-fold:hover{background:var(--line)}
.pside-mini .pgrid{grid-template-columns:76px minmax(0,1fr)}
.pside-mini .pside{padding:12px 8px}
.pside-mini .pnav span,.pside-mini .pside-user div,.pside-mini .pnav-n{display:none}
.pside-mini .pnav-h{height:1px;margin:8px 6px;background:var(--line);font-size:0}
.pside-mini .pnav a,.pside-mini .pnav button{justify-content:center;padding:0}
.pside-mini .pside-user{justify-content:center;padding:0 0 12px}
.pside-mini .pside-fold .i{transform:rotate(-90deg)}
.portal:not(.is-in) .pgrid{grid-template-columns:minmax(0,760px);justify-content:center}
.portal:not(.is-in) .pside{display:none}
.pmain{min-width:0}
.pbody[hidden]{display:none}
.pview{display:grid;gap:20px;min-width:0}
.pview[hidden]{display:none}
.pview-h{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:flex-end}
.pview-h h1{font-size:clamp(1.5rem,1.2rem + 1.1vw,2.05rem);margin:0 0 4px}
.pview-h p{margin:0;color:var(--muted);max-width:660px}
.acc-login h1{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem);margin-bottom:10px}
.pgrid-2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:20px;align-items:start}
.pcol,.pstack{display:grid;gap:20px;min-width:0}
.pstack[hidden],.aff-off[hidden]{display:none}
.pmeter{display:flex;gap:12px;align-items:center}
.pmeter .ord-bar{flex:1;margin:0;height:8px;border-radius:4px}
.pmeter b{font-family:var(--serif);font-size:1.3rem;color:var(--navy)}
[data-completion] .acc-small{margin:10px 0 14px}
.p-teaser .acc-head{margin-bottom:8px}
.p-teaser .acc-small{margin:0}
.p-teaser .ref-link{margin:12px 0}
.p-teaser .acc-small b{color:var(--navy);letter-spacing:.04em}
[data-pending]:empty{display:none}
[data-pending],[data-picks]{display:grid;gap:10px}
[data-picks]:empty{display:none}
.pstep-6{grid-template-columns:repeat(6,1fr)}
.pview [data-stats]{grid-template-columns:repeat(4,minmax(0,1fr))}
.pview [data-aff-stats]{grid-template-columns:repeat(3,minmax(0,1fr))}
.ord .req-note{margin:12px 0}
.ord-sm .pstep{margin-top:10px}.ord-sm .req-meta{margin-top:10px}
.ord-prog small{font-weight:400;color:var(--muted)}
.ord-wait{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--blue);background:var(--paper);font-size:.9rem;color:var(--navy)}
.req .ord-wait:last-child{margin:12px 0 0}
.ord-docs{margin:0 0 12px;padding:12px 14px;border-radius:4px;background:#e8f2ec}
.ord-docs p{margin:0}.ord-docs b{color:var(--ok)}.ord-docs .req-links{margin-top:10px}
.ord-more{margin:0 0 12px;font-size:.9rem}
.ord-more summary{cursor:pointer;font-weight:600;color:var(--blue)}
.ord-more .ord-items{margin-bottom:0}
.ord-log{list-style:none;margin:12px 0 0;padding:0 0 0 14px;display:grid;gap:10px;border-left:2px solid var(--line)}
.ord-log time{display:block;font-size:.78rem;font-weight:600;color:var(--muted)}
.ord-log a{color:var(--blue);font-weight:600}
.ord footer .badge{margin-left:6px}
.pform{display:grid;gap:18px}
.pfs{margin:0;padding:18px 0 0;border:0;border-top:1px solid var(--line);min-width:0}
.pfs legend{float:left;width:100%;margin:0 0 12px;padding:0;font-family:var(--serif);font-weight:700;font-size:1.08rem;color:var(--navy)}
.pfields{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}
.pfields .field{margin:0}
.pf-wide{grid-column:1/-1}
.pfs-note{clear:both;margin:0 0 12px!important}
.pkind{clear:both;display:flex;flex-wrap:wrap;gap:10px}
.pkind label{display:flex;gap:8px;align-items:center;padding:10px 16px;border:1px solid var(--line);border-radius:6px;font-weight:600;color:var(--navy);cursor:pointer}
.pkind label:has(input:checked){border-color:var(--navy);background:var(--paper)}
.pkind input{accent-color:var(--navy)}
.pform .field input:disabled{opacity:.65;cursor:not-allowed}
.pform .form-note[hidden]{display:none}
.pform-foot{display:flex;justify-content:flex-end}
.p-contact ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:16px}
.p-contact li,.p-contact a{display:flex;gap:12px;align-items:flex-start}
.p-contact a:hover b{color:var(--brass)}
.p-contact .i{flex:none;color:var(--brass);margin-top:3px}
.p-contact small{display:block;font-size:.78rem;color:var(--muted)}
.p-contact b{color:var(--navy);font-weight:600}
.aff-rate{margin:0;font-size:.92rem;color:var(--muted)}
.aff-rate b{color:var(--brass-d)}
.aff-off h2{margin-bottom:10px}
.aff-off .checks{margin:18px 0 24px}
.acc-table small.d-block,.d-block{display:block}
@media (max-width:980px){
  .pgrid,.pside-mini .pgrid{grid-template-columns:minmax(0,1fr)}
  .pside,.pside-mini .pside{position:static;max-height:none;padding:10px;gap:8px}
  .pside-user,.pside-mini .pside-user{justify-content:flex-start;padding:4px 4px 10px}
  .pside-mini .pside-user div{display:block}
  .pnav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pnav::-webkit-scrollbar{display:none}
  .pnav-h,.pside-mini .pnav-h,.pside-fold,.pnav-tel{display:none}
  .pnav a,.pnav button,.pside-mini .pnav a,.pside-mini .pnav button{flex:none;min-height:40px;padding:0 14px;border:1px solid var(--line);white-space:nowrap}
  .pside-mini .pnav span{display:inline}
  .pgrid-2{grid-template-columns:minmax(0,1fr)}
  .pfields{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .pfields{grid-template-columns:1fr}
  .pstep-6{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .pview [data-stats],.pview [data-aff-stats]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pview-h .btn{width:100%}
  .pform-foot .btn{width:100%}
}

/* Tiếp thị liên kết: ví hoa hồng + chỉ số + liên kết (bố cục cổng đối tác), bảng có tab, hợp đồng, hỗ trợ cộng tác viên */
.aff-top{display:grid;grid-template-columns:minmax(250px,310px) minmax(0,1fr);gap:20px;align-items:start}
.aff-wallet{display:grid;gap:2px;align-content:start}
.aff-wallet p{margin:12px 0 0;color:var(--muted);font-size:.92rem}
.aff-wallet p:first-child{margin-top:0}
.aff-wallet p small{font-size:.8rem}
.aff-wallet b{font-family:var(--serif);font-size:1.45rem;line-height:1.3;color:var(--navy)}
.aff-wallet .aff-big{font-size:2.1rem;color:var(--brass)}
.aff-wallet .btn{margin-top:18px}
.aff-wallet .btn:disabled{background:#c3c9d6;border-color:#c3c9d6;cursor:not-allowed}
.aff-wallet .aff-note{margin-top:12px;font-size:.84rem;font-style:italic;color:var(--brass-d)}
.aff-wallet .aff-proc{margin-top:14px;padding:10px 12px;border-radius:4px;background:#eef2fb;font-size:.86rem;color:var(--navy)}
.aff-wallet .aff-proc[hidden],.aff-wallet .aff-note:empty{display:none}
.aff-wallet .form-err{margin-top:12px}
.aff-right{display:grid;gap:20px;min-width:0}
.aff-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.aff-kpi{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.aff-kpi>.i{flex:none;width:46px;height:46px;padding:12px;border-radius:50%;background:#eef2fb;color:var(--blue)}
.aff-kpi.k2>.i{background:#fff1e5;color:var(--brass)}
.aff-kpi.k3>.i{background:#e8f2ec;color:var(--ok)}
.aff-kpi div{min-width:0}
.aff-kpi b{display:block;font-family:var(--serif);font-size:1.5rem;line-height:1.2;color:var(--navy)}
.aff-kpi span{display:block;font-size:.88rem}
.aff-kpi small{display:block;font-size:.76rem;color:var(--muted)}
.aff-link .acc-head{margin-bottom:12px}
.aff-link .ref-link input{min-height:46px;background:#fff;border-color:var(--blue);font-size:.95rem;font-weight:600;color:var(--navy)}
.aff-link>.acc-small{margin:10px 0 0}
.aff-link>.acc-small b{color:var(--navy);letter-spacing:.04em}
.aff-custom{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.aff-custom>div{display:grid;gap:12px;align-content:start;min-width:0}
.aff-custom h3{margin:0;font-size:1.1rem}
.aff-custom .acc-small,.aff-custom .field{margin:0}
.aff-ex{display:flex;border:1px dashed var(--muted);border-radius:4px;font-size:.84rem}
.aff-ex span{flex:none;padding:8px 12px;border-right:1px dashed var(--muted);font-weight:700;color:var(--navy)}
.aff-ex code{padding:8px 12px;overflow-wrap:anywhere;color:var(--muted)}
.aff-tabs-h{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}
.aff-tabs{display:flex;flex-wrap:wrap;gap:4px}
.aff-tabs button{padding:8px 12px;border:0;border-bottom:2px solid transparent;background:none;font-size:1rem;color:var(--muted);cursor:pointer}
.aff-tabs button[aria-selected="true"]{border-bottom-color:var(--brass);font-weight:600;color:var(--navy)}
.aff-search{display:flex;gap:8px;align-items:center;min-width:250px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff}
.aff-search:focus-within{border-color:var(--brass)}
.aff-search .i{width:18px;height:18px;color:var(--muted)}
.aff-search input{flex:1;min-width:0;min-height:42px;border:0;outline:0;background:none;font-size:.9rem}
.aff-tables .table-wrap{margin:0}
.aff-table thead th{background:#eef2fb;font-size:.84rem;color:var(--navy)}
.aff-tables [data-aff-tnote][hidden]{display:none}
.dot-st{display:inline-flex;gap:6px;align-items:center;font-size:.88rem;font-weight:600;white-space:nowrap}
.dot-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st-new{color:var(--muted)}.st-doing{color:var(--blue)}.st-ok{color:var(--ok)}.st-off{color:#a1271c}
.aff-contract-h{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px dashed var(--muted)}
.aff-contract-h h2{display:flex;gap:10px;align-items:center;margin:0;font-size:1.15rem}
.aff-contract-h h2 .i{color:var(--blue)}
.aff-signed{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;border-radius:999px;background:#e8f2ec;font-size:.9rem;font-weight:600;color:var(--ok)}
.aff-signed .i{width:18px;height:18px}
.aff-contract-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:14px 20px;align-items:center;margin:14px 0 0}
.aff-contract-g dt{font-size:.84rem;font-weight:700;color:var(--navy)}
.aff-contract-g dd{font-size:.92rem;color:var(--muted);overflow-wrap:anywhere}
.aff-contract-g .btn .i{width:18px;height:18px}
.aff-help h2{margin:12px 0 18px;text-align:center;font-size:1.5rem}
.aff-help-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aff-help-c{display:grid;justify-items:center;align-content:start;gap:8px;padding:26px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:inherit;text-align:center;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.aff-help-c:hover{border-color:var(--brass);box-shadow:var(--shadow)}
.aff-help-c>.i{width:56px;height:56px;padding:15px;border-radius:50%;background:var(--navy);color:#fff}
.aff-help-c:nth-child(n+2)>.i{background:var(--brass)}
.aff-help-c h3{margin:6px 0 0;font-size:1.12rem}
.aff-help-c p{margin:0;font-size:.9rem;color:var(--muted)}
.aff-help-c span{font-size:.9rem;font-weight:600;color:var(--blue)}
.aff-guide{margin-top:16px}
.aff-guide[hidden]{display:none}
/* Ký hợp đồng: thông tin → đọc hợp đồng → ký tay */
.aff-sign h2{margin-bottom:4px}
.aff-sign .aff-sign-lead{margin:0 0 18px}
.sign-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0;margin:0 0 22px;counter-reset:s}
.sign-steps li{counter-increment:s;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:6px;background:var(--paper);font-size:.9rem;font-weight:600;color:var(--muted)}
.sign-steps li::before{content:counter(s);display:grid;place-items:center;flex:none;width:26px;height:26px;border:1.5px solid currentColor;border-radius:50%;background:#fff;font-size:.82rem}
.sign-steps li[aria-current]{background:var(--navy);color:#fff}
.sign-steps li[aria-current]::before{color:var(--navy);border-color:#fff}
.sign-steps li.done{color:var(--ok)}
.sign-steps li.done::before{content:"\2713";border-color:var(--ok);background:var(--ok);color:#fff}
.sign-step[hidden]{display:none}
.sg-same{justify-self:start;min-height:50px;text-align:left}
.contract-box{height:min(62vh,560px);overflow-y:auto;padding:28px clamp(16px,4vw,44px);border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:inset 0 -14px 16px -14px rgba(15,27,45,.25)}
.contract-box:focus-visible{outline:2px solid var(--brass)}
.aff-sign .sg-hint{margin:10px 0 0}
.aff-sign .sg-hint[hidden]{display:none}
.sign-agree{display:flex;gap:10px;align-items:flex-start;margin:14px 0 4px;font-weight:600;color:var(--navy);cursor:pointer}
.sign-agree input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--brass)}
.sign-agree:has(input:disabled){opacity:.5;cursor:not-allowed}
.sign-step .pform-foot{gap:10px;margin-top:16px}
.sig-wrap{position:relative;max-width:640px;margin:12px 0 6px;border:1.5px dashed var(--blue);border-radius:8px;background:#fbfcff}
.sig-pad{display:block;width:100%;height:220px;touch-action:none;cursor:crosshair}
.sig-line{position:absolute;left:24px;right:24px;bottom:30px;padding-top:6px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);pointer-events:none}
.sig-tools{max-width:640px;text-align:right}
@media (max-width:1180px){
  .aff-top{grid-template-columns:minmax(0,1fr)}
  .aff-wallet{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
  .aff-wallet p{grid-row:1;margin:0}.aff-wallet b{grid-row:2}
  .aff-wallet .btn,.aff-wallet .aff-note,.aff-wallet .aff-proc,.aff-wallet .form-err{grid-row:auto;grid-column:1/-1}
}
@media (max-width:760px){
  .aff-kpis,.aff-help-g{grid-template-columns:minmax(0,1fr)}
  .aff-wallet{grid-template-columns:1fr}
  .aff-wallet p,.aff-wallet b{grid-row:auto}
  .aff-wallet p{margin-top:10px}
  .aff-custom{grid-template-columns:1fr}.aff-custom .ref-qr{max-width:200px}
  .aff-contract-g{grid-template-columns:1fr 1fr}.aff-contract-g .btn{grid-column:1/-1}
  .aff-search{min-width:0;width:100%}
  .sign-steps li{flex-direction:column;gap:4px;text-align:center;font-size:.8rem}
}
.pview,.pstack,.pcol{grid-template-columns:minmax(0,1fr)}
@media (max-width:1180px) and (min-width:761px){.aff-wallet p{align-self:end}}
/* ===== 27/10/2026: nhãn tầng dịch vụ cùng kiểu, cùng màu; bảng phí, gói theo bảng giá ===== */
.mega-tier,.mega-tier-sau{display:flex;width:max-content;max-width:100%;align-items:center;margin:16px 0 6px;padding:5px 10px;border-radius:4px;background:var(--brass);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.08em;line-height:1.3}
.mega-tier::after{display:none}
.mega-cat+.mega-tier{margin-top:4px}
.mega-tier a,.mega-tier a:hover{color:#fff}
.mega-tier a:hover{text-decoration:underline}
.fee-table th:nth-child(2),.fee-table td:nth-child(2){white-space:nowrap}
.fee-table td:last-child{color:var(--muted);font-size:.9em}
.fee-table{margin-bottom:16px}
.fee-table tfoot th,.fee-table tfoot td{border-top:2px solid var(--line);font-size:1.05rem}
.fee-table tfoot strong{color:var(--brass-d);font-size:1.15em}
.plan.featured .plan-fee{color:#c9d3ee}
.plan.featured .plan-fee b{color:#fff}
.fee-packs{margin-bottom:24px}
.plan-fee{margin:0 0 6px;font-size:.88rem;color:var(--muted)}
.plan-fee b{color:var(--ink)}
.fee-brief{list-style:none;margin:6px 0 0;padding:0;font-size:.8rem;line-height:1.5;color:var(--muted)}
.fee-brief li::before{content:"· "}
/* ===== 27/10/2026: căn thẳng hàng (thẻ vụ việc, số liệu) ===== */
/* Chân thẻ vụ việc: đường kẻ trên cùng một hàng ở mọi thẻ; "Đọc chi tiết" luôn nằm dưới người phụ trách */
.case-foot{align-self:stretch;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:12px}
/* Số liệu: giá trị dài xuống 2 dòng thì dòng cuối thẳng với giá trị bên cạnh, nhãn cùng một hàng */
.case-figs{grid-template-rows:auto auto;row-gap:0}
.case-figs li{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.case-figs strong{align-self:end}
/* Đội ngũ: chức danh, tên, chức vụ, kinh nghiệm, giới thiệu, "Xem hồ sơ" cùng một hàng giữa các thẻ */
.people .person{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
.people-full .person{grid-row:span 7}
.people .person-body{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;align-content:start}
.people-full .person-body{grid-row:span 6}
.person-body>*{min-width:0}
.person .person-more{align-self:end;justify-self:start}
/* Dải đội ngũ trang chủ: chữ bắt đầu cùng một độ cao */
.team-mini{align-items:flex-start}
/* Thẻ khách hàng */
.client-card{display:grid;grid-template-rows:subgrid;grid-row:span 6;row-gap:0}
.client-card-body{display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0}
.client-card-body>p.client-summary:empty,.client-card-body>p.client-contract:empty{margin:0;padding:0;border:0}
.client-card .card-go{align-self:end;justify-self:start}
/* Thẻ tiện ích, tra cứu: đường kẻ dưới cùng một hàng */
.grid-3>.card.util{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0}
/* Gói giá theo bảng giá */
.fee-packs>.plan{display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0}
.fee-packs .plan-note:empty,.fee-packs .plan-fee:empty{margin:0;min-height:0}
.fee-packs .plan-list:empty{margin:0}
.fee-packs .plan>.btn{align-self:end}
/* Nhận xét: dòng dịch vụ · ngày luôn một dòng (tên dài thì "…") để khung chữ các thẻ cùng độ cao */
.review-meta{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.review-meta>*{flex:none}
.review-meta a{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Hình thức làm việc (trang chuyên sâu): số, tên, mô tả, danh sách cùng một hàng giữa các thẻ */
.engage-item{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;align-content:start}
/* Ít hơn 3 gói: không để trống cột */
.fee-packs-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
.fee-packs-1{grid-template-columns:minmax(0,1fr);max-width:420px}
@media (max-width:760px){.fee-packs-2{grid-template-columns:1fr}}
/* Bảng giá: các bảng từng nhóm cùng độ rộng cột */
.price-table{table-layout:fixed;width:100%;min-width:640px}
.price-table th:nth-child(1){width:34%}
.price-table th:nth-child(2){width:13%}
.price-table th:nth-child(3){width:29%}
.price-table th:nth-child(4){width:24%}
.price-table th:last-child{text-align:right}
.price-table td:last-child{white-space:normal}
/* Menu Dịch vụ: nhãn tầng không nền, chữ cam đậm, gạch chân */
.mega-tier,.mega-tier-sau{display:block;width:auto;margin:16px 0 6px;padding:0;border-radius:0;background:none;color:var(--brass);font-size:.74rem;font-weight:800;letter-spacing:.08em}
.mega-tier a,.mega-tier a:hover{color:var(--brass);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.mega-tier a:hover{color:var(--brass-d)}
/* ===== 27/10/2026: bảng, sơ đồ trong bài và trang dịch vụ dựng bằng HTML (thay ảnh) ===== */
.infog{margin:32px 0;padding:26px 28px 22px;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r);background:#fff}
.section-white .infog{background:var(--paper)}
.prose .infog{margin:32px 0}
.infog-title{margin:0 0 20px;font:700 1.2rem/1.35 var(--serif);color:var(--navy)}
.infog-title::after{content:"";display:block;width:44px;height:3px;margin-top:10px;background:var(--brass)}
.infog figcaption{margin:20px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:.88rem;line-height:1.55;color:var(--muted);text-align:left}
.infog strong{color:var(--navy)}
.infog small{display:block;margin-top:3px;font-size:.88rem;line-height:1.5;font-weight:400;color:var(--muted)}
.infog ol,.infog ul{list-style:none;margin:0;padding:0}
.infog li{margin:0}
.infog li::before{content:none}
/* Các bước */
.ig-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ig-steps li{position:relative;padding:14px 14px 14px 56px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.section-white .ig-steps li{background:#fff}
.ig-num{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-size:.9rem;font-weight:700}
.ig-steps strong{display:block;font-size:1rem;line-height:1.35}
/* Danh sách kiểm */
.ig-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.ig-checks li{display:flex;gap:10px;align-items:flex-start}
.ig-checks .i{flex:none;width:22px;height:22px;margin-top:1px;color:var(--ok)}
.ig-checks strong{display:block;line-height:1.4}
/* Mốc thời gian */
.ig-time{position:relative;padding-left:26px}
.ig-time::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.infog .ig-time li{position:relative;padding:0 0 16px}
.infog .ig-time li:last-child{padding-bottom:0}
.infog .ig-time li::before{content:"";position:absolute;left:-26px;top:4px;box-sizing:border-box;width:14px;height:14px;border:3px solid var(--brass);border-radius:50%;background:#fff}
.ig-time strong{display:block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-d)}
.ig-time span{display:block;margin-top:2px;line-height:1.55}
/* Biểu đồ cột */
.ig-bars{display:grid;gap:16px}
.ig-bars li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 110px;gap:16px;align-items:center}
.ig-bar{display:block;height:12px;border-radius:6px;background:#e3e8f2;overflow:hidden}
.ig-bar i{display:block;height:100%;border-radius:6px;background:var(--brass)}
.ig-bars b{text-align:right;font-size:1.05rem;color:var(--navy)}
/* Bảng so sánh */
.infog .table-wrap{margin:0}
.infog .ig-table{width:100%;min-width:520px;border-collapse:collapse;table-layout:fixed;font-size:.95rem}
.infog .ig-table th,.infog .ig-table td{padding:12px 14px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--line);line-height:1.5}
.infog .ig-table tbody tr:last-child th,.infog .ig-table tbody tr:last-child td{border-bottom:0}
.infog .ig-table thead th{background:var(--navy);color:#fff;font-weight:700}
.infog .ig-table thead th:first-child{width:26%;background:var(--paper)}
.infog .ig-table thead th.hl{background:var(--brass)}
.infog .ig-table tbody th{width:auto;background:transparent;font-weight:700;color:var(--navy)}
.infog .ig-table thead th{white-space:normal;font-size:.92rem}
.infog .ig-table tbody tr:nth-child(odd){background:var(--paper)}
.infog .ig-table td{color:var(--ink)}
.infog .ig-table td.hl{background:color-mix(in srgb,var(--brass) 9%,transparent);font-weight:600}
/* Sơ đồ chọn nhanh */
.ig-q{margin:0 0 12px;padding:12px 16px;border-radius:var(--r);background:var(--navy);color:#fff;font-weight:600;text-align:center}
.ig-flow ul{display:grid;gap:10px}
.ig-flow li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.section-white .ig-flow li{background:#fff}
.ig-flow li .i{width:20px;height:20px;color:var(--brass)}
.ig-note{margin:14px 0 0;font-size:.9rem;color:var(--muted)}
/* Cấu trúc tên */
.ig-name{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.ig-name li{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-top:3px solid var(--navy);border-radius:var(--r);background:var(--paper);text-align:center}
.section-white .ig-name li{background:#fff}
.ig-name strong{font:700 1.12rem/1.3 var(--serif)}
.ig-name span{font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brass-d)}
.ig-name small{margin:0}
/* Sơ đồ chủ sở hữu hưởng lợi */
.ig-owner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ig-chain{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ig-line{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}
.ig-person{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--navy)}
.ig-person .i{width:18px;height:18px}
.ig-pct{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:var(--brass-d)}
.ig-pct .i{width:16px;height:16px;transform:rotate(90deg)}
.ig-co{padding:8px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font-weight:700;color:var(--navy)}
.ig-target{grid-column:1/-1;padding:12px 16px;border-radius:var(--r);background:var(--navy);text-align:center}
.infog .ig-target strong{display:block;font:700 1.1rem/1.3 var(--serif);color:#fff}
.infog .ig-target small{color:#c9d3ee}
.ig-results{display:grid;gap:12px}
.ig-results li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.ig-results li.ok{border-color:#b9dcc8;background:#eef7f1}
.ig-results .i{flex:none;width:22px;height:22px;color:var(--muted)}
.ig-results li.ok .i{color:var(--ok)}
@media (max-width:980px){.ig-steps{grid-template-columns:1fr 1fr}.ig-owner{grid-template-columns:1fr}}
@media (max-width:760px){
  .infog{padding:20px 16px 16px}
  .ig-steps,.ig-checks{grid-template-columns:1fr}
  .ig-bars li{grid-template-columns:minmax(0,1fr) auto}
  .ig-bar{grid-column:1/-1;grid-row:2}
  .ig-flow li{grid-template-columns:1fr;gap:6px}
  .ig-flow li .i{transform:rotate(90deg)}
}
.infog .ig-q{color:#fff}
@media (max-width:760px){.infog .ig-table{min-width:0;font-size:.85rem}.infog .ig-table th,.infog .ig-table td{padding:10px 8px}.infog .ig-table thead th:first-child{width:28%}}

/* Chân trang: chính sách gom thành một dòng gọn ở đáy */
@media (min-width:1024px){.ft-about{grid-column:span 3}.ft-col{grid-column:span 2}.ft-col:last-child{grid-column:span 3}}
.ft-policies{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 14px;font-size:.82rem}
.ft-policies a{color:#9aa8bf}
.ft-policies a:first-child{font-weight:600;color:#c9d3e1}
.ft-policies a:hover{color:#fff}
/* ===== 27/10/2026: Phiếu tiếp nhận thông tin (/tiep-nhan-ho-so/) ===== */
.tn-wrap{max-width:1000px}
.tn-form{padding:0 0 8px;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--shadow)}
.tn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line);background:var(--paper);border-radius:var(--r) var(--r) 0 0}
.tn-steps li{display:flex;gap:10px;align-items:center;padding:16px 22px;color:var(--muted)}
.tn-steps li>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--line);color:var(--muted);font-weight:700}
.tn-steps p{margin:0;font-size:.9rem;font-weight:600;line-height:1.3}
.tn-steps small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tn-steps li.on{color:var(--navy)}
.tn-steps li.on>span{background:var(--navy);color:#fff}
.tn-sec{padding:28px clamp(18px,4vw,36px) 4px}
.tn-sec+.tn-sec{border-top:1px solid var(--line)}
.tn-h{display:flex;gap:14px;align-items:center;margin:0 0 22px;font-size:1.25rem}
.tn-h>.i{flex:none;width:44px;height:44px;padding:11px;border-radius:6px;background:var(--sand);color:var(--brass)}
.tn-h small{display:block;margin-top:2px;font:400 .86rem/1.4 var(--sans);color:var(--muted)}
.tn-label{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--navy)}
.tn-form .field label{font-size:.86rem}
.tn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-bottom:22px}
.tn-grid .field-wide{grid-column:1/-1}
.tn-grid .field[hidden]{display:none}
.tn-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--muted)}
.tn-choice{display:grid;gap:12px;margin-bottom:22px}
.tn-choice-2{grid-template-columns:repeat(2,minmax(0,260px))}
.tn-services{grid-template-columns:repeat(3,minmax(0,1fr))}
.tn-choice label{position:relative;display:block;cursor:pointer}
.tn-choice input{position:absolute;opacity:0;pointer-events:none}
.tn-choice label>span{display:block;height:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r);background:#fff;transition:border-color .15s,background .15s}
.tn-choice label:hover>span{border-color:var(--brass-2)}
.tn-choice input:checked+span{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 7%,#fff)}
.tn-choice input:focus-visible+span{outline:2px solid var(--brass);outline-offset:2px}
.tn-choice strong{display:flex;gap:8px;align-items:center;color:var(--navy);font-size:1rem}
.tn-choice small{display:block;margin-top:4px;font-size:.82rem;line-height:1.4;color:var(--muted)}
.tn-services label>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px}
.tn-services .i{grid-row:span 2;width:20px;height:20px;margin-top:1px;color:var(--brass)}
.tn-detail{margin:0 0 22px;padding:20px 20px 0;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);min-width:0}
.tn-detail[hidden]{display:none}
.tn-detail-head{display:flex;gap:8px;align-items:center;width:100%;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--line);float:left}
.tn-detail-head+*{clear:both}
.tn-detail-head .i{width:18px;height:18px;color:var(--brass)}
.tn-detail-head strong{color:var(--navy)}
.tn-badge{margin-left:auto;padding:3px 9px;border-radius:4px;background:var(--sand);color:var(--navy);font-size:.74rem;font-weight:700}
.tn-detail .field input,.tn-detail .field select,.tn-detail .field textarea{background:#fff}
.tn-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tn-checks label{display:flex;gap:8px;align-items:center;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:#fff;font-weight:500;font-size:.88rem;color:var(--ink);cursor:pointer}
.tn-checks input{width:16px;height:16px;min-height:0;accent-color:var(--navy)}
.tn-pick{margin:0 0 22px;padding:16px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;font-size:.9rem;color:var(--muted)}
.tn-pick[hidden]{display:none}
.tn-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:96px;padding:16px;border:1.5px dashed var(--line);border-radius:var(--r);background:var(--paper);text-align:center;cursor:pointer}
.tn-drop.over,.tn-drop:hover{border-color:var(--brass)}
.tn-drop .i{width:24px;height:24px;color:var(--brass)}
.tn-drop strong{font-size:.92rem;color:var(--navy)}
.tn-drop small{font-size:.78rem;color:var(--muted)}
.tn-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tn-files{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.tn-files li{display:flex;gap:10px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:4px;font-size:.85rem}
.tn-files li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tn-files li small{color:var(--muted)}
.tn-files button{border:0;background:none;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer}
.tn-consent{display:flex;gap:10px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);font-size:.88rem;line-height:1.55;cursor:pointer}
.tn-consent input{flex:none;width:18px;height:18px;margin-top:2px;accent-color:var(--navy)}
.tn-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.tn-error{margin:0 0 16px;padding:12px 14px;border-radius:4px;background:#fdecea;color:#9b2c1f;font-size:.9rem}
.tn-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end;padding:18px 0 24px;border-top:1px solid var(--line)}
.tn-actions>p{display:flex;gap:6px;align-items:center;margin:0 auto 0 0;font-size:.84rem;color:var(--muted)}
.tn-actions>p .i{width:16px;height:16px;color:var(--brass)}
.tn-done{max-width:640px;margin:0 auto;padding:40px 28px;border:1px solid var(--line);border-radius:var(--r);background:#fff;text-align:center}
.tn-done[hidden]{display:none}
.tn-done>.i{width:48px;height:48px;color:var(--ok)}
.tn-done h2{margin:10px 0 12px}
.tn-dlg{width:min(640px,calc(100vw - 32px))}
.tn-dlg h2{margin:0 0 16px;font-size:1.3rem}
.tn-dlg dl{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:8px 16px;max-height:60vh;overflow:auto;margin:0 0 6px;font-size:.9rem}
.tn-dlg dt{font-weight:600;color:var(--navy)}
.tn-dlg dd{margin:0;white-space:pre-line;color:var(--ink)}
.tn-dlg .tn-actions{padding-bottom:0}
@media (max-width:760px){
  .tn-steps li{padding:12px 10px;flex-direction:column;align-items:flex-start;gap:6px}
  .tn-steps p{font-size:.8rem}
  .tn-grid,.tn-services,.tn-checks{grid-template-columns:1fr}
  .tn-choice-2{grid-template-columns:1fr 1fr}
  .tn-actions{justify-content:stretch}
  .tn-actions .btn{flex:1}
  .tn-dlg dl{grid-template-columns:1fr}
}
.tn-form .field .tn-drop{display:flex;margin:0;font-weight:400}
.tn-form .field .tn-label{margin:0 0 6px;font-size:.86rem;font-weight:600;letter-spacing:0;text-transform:none}
/* Nút trượt nhận xét: lề trang hẹp hơn nửa nút (dưới 1260px) thì đặt vào trong, không gây cuộn ngang */
@media (max-width:1259px){.slider-prev{left:6px}.slider-next{right:6px}}

/* Tiếp thị liên kết: trạng thái tạm khóa / từ chối, bảng mức hoa hồng theo dịch vụ */
.aff-lock{margin:0;padding:12px 16px;border-left:3px solid #a1271c;border-radius:4px;background:#fdecea;color:#7d1d15;font-size:.92rem;font-weight:600}
.aff-lock[hidden],.aff-rates[hidden]{display:none}
.aff-off .aff-lock{margin:0 0 16px}
.aff-lock-sm{color:#a1271c!important;font-weight:600}
.aff-rates{margin-top:12px}
.aff-rates summary{cursor:pointer;font-size:.92rem;font-weight:600;color:var(--blue)}
.aff-rates .table-wrap{margin:10px 0 0}
.aff-rates tr.is-own td{background:#fff7ef}
.aff-rates .acc-small{margin:8px 0 0}

/* Trang Tài khoản: mục Đối tác chỉ hiện khi HDS cho phép; thanh bên không cuộn ngang khi email dài */
[data-aff-only][hidden],.share-ref[hidden]{display:none}
.pside{grid-template-columns:minmax(0,1fr);overflow-x:hidden}


/* Trang chủ: khối nhóm dịch vụ dạng bảng giá (tên … giá, thời gian dòng dưới); dòng 2 cột thẳng hàng bằng subgrid */
.tier-sec .section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px 56px;align-items:end;max-width:none;margin-bottom:34px;padding-bottom:22px;border-bottom:2px solid var(--navy)}
.tier-sec .section-head .eyebrow{grid-column:1/-1;margin:0}
.tier-sec .section-head h2{margin:0;text-wrap:balance}
.tier-sec .section-head p:not(.eyebrow){font-size:1rem}
.tier-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tm-col{display:grid;grid-template-rows:subgrid;grid-row:span var(--span);padding-right:48px;scroll-margin-top:calc(var(--hh) + 20px)}
.tm-col+.tm-col{padding:0 0 0 48px;border-left:1px solid var(--line)}
.tm-no{display:flex;align-items:baseline;gap:10px;margin:0 0 4px;font-size:.84rem;font-weight:600;color:var(--brass-d)}
.tm-no span{font:700 1rem/1 var(--serif);color:var(--brass)}
.tm-col h2,.tm-col h3{font-size:1.6rem;margin:0 0 8px}
.tm-col h2 a,.tm-col h3 a{color:inherit}
.tm-col h2 a:hover,.tm-col h3 a:hover{color:var(--brass)}
.tm-list{display:grid;grid-template-rows:subgrid;grid-row:span var(--rows);list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.tm-list li{border-bottom:1px solid var(--line)}
.tm-list a{display:block;height:100%;padding:12px 0 11px;color:var(--ink)}
.tm-row{display:flex;align-items:baseline;align-items:last baseline;gap:10px}
.tm-name{font-weight:600;color:var(--navy);line-height:1.4}
.tm-dots{flex:1 1 24px;min-width:24px;height:0;border-bottom:1.5px dotted #aeb7cc;position:relative;top:-.28em}
.tm-price{flex:none;white-space:nowrap;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums}
.tm-time{display:block;min-height:1.4em;margin-top:2px;font-size:.86rem;line-height:1.4;color:var(--muted)}
.tm-list a:hover .tm-name,.tm-list a:hover .tm-price{color:var(--brass-d)}
.tm-list a:hover .tm-dots{border-color:var(--brass)}
.tm-more{justify-self:start;align-self:start;display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.tm-more .i{width:15px;height:15px}
.tm-more:hover{color:var(--brass-d)}
.tm-note{margin:22px 0 0;font-size:.84rem;color:var(--muted)}
@media (max-width:900px){.tm-col{padding-right:28px}.tm-col+.tm-col{padding-left:28px}}
@media (max-width:760px){
  .tier-sec .section-head{grid-template-columns:1fr;padding-bottom:18px;margin-bottom:24px}
  .tier-menu{grid-template-columns:1fr;gap:36px}
  .tm-col,.tm-list{display:block;padding:0}
  .tm-col+.tm-col{padding:0;border-left:0}
  .tm-row{gap:6px}.tm-dots{flex-basis:12px;min-width:12px}
  .tm-more{display:inline-flex}
}

/* Khối nhóm dịch vụ: chỉ có tiêu đề thì một cột; link "Xem dịch vụ …" căn giữa cột */
.tier-sec .section-head:not(:has(>p:not(.eyebrow))){grid-template-columns:1fr}
.tm-more{justify-self:center}
@media (max-width:760px){.tm-more{display:flex;width:fit-content;margin-inline:auto}}

/* Nhận xét: thẻ khung ngang 4:3 – 3 thẻ (thêm một phần thẻ sau) mỗi lượt trên máy tính */
.review{aspect-ratio:4/3;flex-basis:calc((100% - var(--gap) * 3) / 3.4)}
.review blockquote p{-webkit-line-clamp:5}
.review.has-photo blockquote p{-webkit-line-clamp:2}
.review.has-photo .review-body{padding-top:44px}
@media (max-width:980px){.review{flex-basis:calc((100% - var(--gap) * 2) / 2.3)}}
@media (max-width:760px){.review{flex-basis:calc((100% - var(--gap)) / 1.15)}}