/* Callidus by Rubix International — mock-up 24102026D1
   Font: Cormorant Garamond (tiêu đề), Plus Jakarta Sans (nội dung, giao diện, số liệu) — lưu trên máy chủ */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-vietnamese-300-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/cormorant-garamond-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-vietnamese-400-italic.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-ext-400-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-vietnamese-500-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Callidus by Rubix International — website, bản 28102026D2. Màu nền, chữ, đường kẻ: đúng bảng màu rubix-estates.com */
:root{
  --navy:#002B41; --paper:#F7F4EE; --mist:#EDE7DD; --white:#FFFFFF;
  --ink:#1F2428; --text:#3B4045; --muted:#606468; --slate:#606468;
  --line:rgba(0,43,65,.16); --line-on-navy:rgba(255,255,255,.18);
  --serif:"Cormorant Garamond","Times New Roman",serif;
  --sans:"Plus Jakarta Sans",Arial,sans-serif;
  --g:16px; --sec:64px; --max:1360px;
}
@media(min-width:768px){:root{--g:24px;--sec:80px}}
@media(min-width:1024px){:root{--g:32px;--sec:96px}}
@media(min-width:1440px){:root{--g:48px;--sec:112px}}
@media(min-width:1920px){:root{--g:64px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media(min-width:768px){body{font-size:17px}}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a[href^="tel:"],a[href^="mailto:"]{text-decoration:none}
/* Không để một chữ rơi xuống dòng cuối (giống Estates) */
p{text-wrap:pretty}
h1,h2,.lead,.statement,.closing p,.note,.contact-note{text-wrap:balance}
main{display:flow-root}
.wrap{max-width:calc(var(--max) + 2*var(--g));margin:0 auto;padding:0 var(--g)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nw{white-space:nowrap}
h1,h2,h3{font-family:var(--serif);font-weight:300;color:var(--ink);margin:0;letter-spacing:0}
h1{font-size:34px;line-height:1.14;text-align:center}
h2{font-size:30px;line-height:1.16}
h3,.h3{font-size:24px;line-height:1.22}
@media(min-width:768px){h1{font-size:52px}h2{font-size:42px}h3,.h3{font-size:27px}}
@media(min-width:1280px){h1{font-size:58px}h2{font-size:44px}}
/* Nhãn nhỏ: 13px (D1: 12px — Trang góp ý chữ quá bé) */
.label{font:500 13px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.lead{font-size:18px;line-height:1.7;max-width:780px;margin:24px auto 0;text-align:center}
@media(min-width:1024px){.lead{font-size:19px}}
.body-lg{font-size:18px;line-height:1.7}
@media(min-width:1024px){.body-lg{font-size:19px}}

/* Nút và liên kết "Xem thêm": không gạch chân, chỉ giữ vạch ngắn sau chữ */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border:1px solid var(--navy);background:var(--navy);color:#fff;font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.btn:hover{background:transparent;color:var(--navy)}
.btn.ghost{background:transparent;color:var(--navy)}
.btn.ghost:hover{background:var(--navy);color:#fff}
.btn.light{background:#fff;color:var(--navy);border-color:#fff}
.btn.light:hover{background:transparent;color:#fff}
.more{position:relative;display:inline-flex;align-items:center;min-height:44px;font:500 11.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--navy);text-decoration:none}
.more::after{content:"";width:36px;height:1px;background:currentColor;margin-left:14px;transition:width .25s}
.more:hover::after{width:56px}

/* Đầu trang */
.hd{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
.hd-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}
.hd-cities{display:none;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.burger{justify-self:start;display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;background:none;border:0;padding:0;color:var(--navy);font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
.burger i{display:block;width:22px;height:1px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor}
.burger span{display:none}
.logo{display:block;justify-self:center}
.logo img{height:21px;width:auto}
.hd-right{justify-self:end;display:flex;align-items:center;gap:22px}
.flags{display:flex;gap:10px}
.flags a{display:flex;align-items:center;justify-content:center;width:26px;height:44px;opacity:.45}
.flags a[aria-current]{opacity:1}
.flags svg{width:26px;height:18px;display:block;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
/* Đăng nhập: chữ, cao bằng cờ (18px), không khung */
.hd-access{display:none;align-items:center;height:44px;font:500 11px/18px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--navy);text-decoration:none}
.hd-access:hover{opacity:.7}
.hd-nav{display:none}
@media(min-width:768px){.hd-top{height:76px}.logo img{height:25px}.burger span{display:inline}}
@media(max-width:359px){.flags{gap:8px}.flags a{width:22px}.flags svg{width:22px;height:15px}}
@media(min-width:1280px){
  .hd{position:relative}
  .hd-top{height:104px}
  .hd-cities{display:block}
  .burger{display:none}
  .logo img{height:34px}
  .hd-access{display:inline-flex}
  .hd-nav{display:block;border-top:1px solid var(--line)}
  .hd-nav ul{display:flex;justify-content:center;gap:48px;list-style:none;margin:0;padding:0;height:52px;align-items:center}
  .hd-nav a{font:500 11.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:20px 0 6px;border-bottom:1px solid transparent}
  .hd-nav a[aria-current]{border-bottom-color:var(--navy)}
}
.overlay{display:none;position:fixed;inset:0;z-index:100;background:var(--navy);color:#fff;flex-direction:column;padding:0 var(--g)}
body.menu-open .overlay{display:flex}
.overlay .ov-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;border-bottom:1px solid var(--line-on-navy)}
.overlay .ov-top .burger{color:#fff}
.overlay ul{list-style:none;margin:40px 0 0;padding:0}
.overlay li a{display:block;font:300 32px/1.25 var(--serif);color:#fff;text-decoration:none;padding:10px 0}
.overlay .ov-access{margin-top:28px;font:500 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;text-decoration:none;display:inline-flex;min-height:44px;align-items:center}

/* Ảnh mở đầu */
.hero{position:relative;height:calc(100svh - 64px);min-height:560px;max-height:1080px;overflow:hidden;background:#0c1c26}
.hero picture,.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,20,32,.74) 0%,rgba(0,20,32,.2) 46%,rgba(0,20,32,0) 70%),linear-gradient(90deg,rgba(0,20,32,.45) 0%,rgba(0,20,32,0) 55%)}
.hero .cap{position:absolute;z-index:2;left:0;right:0;bottom:56px}
.hero .label{color:#fff;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero h1{color:#fff;text-align:left;font-size:clamp(31px,5vw,72px);line-height:1.1;margin-top:16px}
.hero h1 span{display:block;white-space:nowrap}
@media(max-width:767px){.hero .label{font-size:11.5px;letter-spacing:.12em}}
@media(min-width:380px) and (max-width:767px){.hero .label{white-space:nowrap}}
@media(max-width:399px){.family .links .more{font-size:10.5px;letter-spacing:.12em}}
@media(min-width:768px){.hero{height:calc(100svh - 76px)}}
@media(min-width:1280px){.hero{height:calc(100svh - 157px);min-height:640px}.hero .cap{bottom:80px}}

/* Khối */
.sec{padding:var(--sec) 0}
.sec.tight{padding-top:0}
.sec.mist{background:var(--mist)}
.sec.navy{background:var(--navy);color:#fff}
.sec.navy h2{color:#fff}
.page-head{padding:56px 0 0;text-align:center}
@media(min-width:1024px){.page-head{padding:88px 0 0}}
.intro{display:grid;gap:20px}
.intro .label{font-size:14px}
.intro h2{margin-top:14px}
.intro .txt p{margin:0 0 20px}
@media(min-width:1024px){.intro{grid-template-columns:5fr 7fr;gap:64px;align-items:baseline}}
/* Ba thông tin: mỗi cột có đường kẻ trên và dưới riêng, không có đường kẻ dọc */
.pillars{display:grid;gap:0;margin-top:40px}
.pillar{padding:28px 0 32px;border-top:1px solid var(--line)}
.pillar:last-child{border-bottom:1px solid var(--line)}
.pillar .no{font:400 15px/1 var(--sans);color:var(--slate);letter-spacing:.08em}
.pillar h3{margin:16px 0 12px}
.pillar p{margin:0}
@media(min-width:1024px){.pillars{grid-template-columns:repeat(3,1fr);column-gap:48px}.pillar{border-bottom:1px solid var(--line);padding:36px 0 40px}}
.statement{font:300 30px/1.3 var(--serif);color:var(--ink);text-align:center;max-width:980px;margin:0 auto}
@media(min-width:768px){.statement{font-size:40px}}
.types-line{text-align:center}
.types-line h2{margin-bottom:24px}
.types-line p{font:400 18px/1.9 var(--sans);color:var(--text);max-width:980px;margin:0 auto 24px}
.types-line p .it{display:block;white-space:nowrap}
.types-line p .dot,.types-line p .br{display:none}
@media(min-width:768px){.types-line p .it,.types-line p .dot{display:inline}.types-line p .d3{display:none}.types-line p .br{display:block}}
@media(min-width:1280px){.types-line p{max-width:1240px}.types-line p .d3{display:inline}.types-line p .br{display:none}}
@media(min-width:1024px){.types-line p{font-size:19px}}
.closing{text-align:center}
.closing p{max-width:680px;margin:20px auto 36px;color:rgba(255,255,255,.86)}
.sec.navy.closing-sec{padding-bottom:72px}

.wide-img{margin-top:48px}
.wide-img img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media(min-width:768px){.wide-img img{aspect-ratio:21/9}}
.device{margin:48px auto 0;max-width:1180px}
.sec-title{text-align:center}

/* Nền tảng: ba nhóm, mỗi nhóm ba phần việc */
.groups{display:grid;gap:40px;margin-top:40px}
.group h2{font:500 14px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);padding-bottom:16px;border-bottom:1px solid var(--line);margin:0}
.group h2 .gno{font-weight:400;letter-spacing:.08em;color:var(--muted);margin-right:14px}

/* Không để đường kẻ cuối thừa; khối nền kem dịch lên sát danh sách */
.groups-sec{padding-bottom:40px}
.group:last-child .mod:last-child{border-bottom:0}
.mod{padding:24px 0;border-bottom:1px solid var(--line)}
.mod h3{font:300 25px/1.22 var(--serif);color:var(--ink);margin:0 0 8px}
.mod p{margin:0}
/* Từ 1024px: ba cột, các hàng thẳng nhau giữa ba nhóm (đường kẻ cùng một độ cao) */
@media(min-width:1024px){.groups{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:48px;row-gap:0}.group{display:contents}.group .mod:last-child{border-bottom:0}}

.rows{border-top:1px solid var(--line)}
.row{display:grid;gap:12px;padding:30px 0;border-bottom:1px solid var(--line)}
.row p{margin:0}
.row .no{font:400 15px/1 var(--sans);color:var(--slate);letter-spacing:.08em;display:block;margin-bottom:12px}
@media(min-width:1024px){.row{grid-template-columns:5fr 7fr;gap:64px;padding:36px 0}}
/* Danh sách kết thúc trang: không để đường kẻ thừa */
.rows--end .row:last-child{border-bottom:0}

.duo{display:grid;gap:24px;margin-top:40px}
.duo .card{background:var(--white);border:1px solid var(--line);padding:32px}
.duo .card h3{margin-bottom:12px}
.duo .card p{margin:0}
@media(min-width:1024px){.duo{grid-template-columns:1fr 1fr;gap:32px}.duo .card{padding:44px}}
.note{max-width:860px;margin:28px auto 0;text-align:center;color:var(--text)}
.center{text-align:center}
.cta-row{text-align:center;margin-top:40px}
/* Nút cuối trang Bảo mật: cách đường kẻ cuối và chân trang bằng nhau */
.cta-row.cta-mid{margin-top:var(--sec)}
.family{text-align:center}
.family .lead{margin-top:16px}
.family .links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 40px;margin-top:20px}

/* Liên hệ */
.offices{display:grid;gap:0;margin-top:48px;border-top:1px solid var(--line)}
.office{padding:28px 0;border-bottom:1px solid var(--line)}
.office:last-child{border-bottom:0}
.office h2{font-size:28px;margin-bottom:14px}
.office p{margin:0;line-height:1.75}
.adr .al{display:block}
@media(min-width:768px){.offices{grid-template-columns:1fr 1fr;column-gap:48px}.office:nth-child(2){border-bottom:1px solid var(--line)}}
@media(min-width:1024px){.offices{grid-template-columns:1fr 1fr 1fr}.office{border-bottom:0!important}}
.contact-note{margin:20px auto 0;max-width:780px;text-align:center;color:var(--muted);font-size:16px}

/* Đăng nhập: hai cột từ 1024px (chữ bên trái, khung đăng nhập bên phải), không để khoảng trống hai bên */
.access{display:grid;gap:40px;justify-items:center;text-align:center}
.access-txt .lead{margin-top:20px}
.access-txt .lead .ln{display:inline}
.access-help{max-width:560px;margin:28px auto 0;font-size:16px;line-height:1.7;color:var(--muted)}
@media(min-width:768px){.access-txt .lead .ln{display:block}}
.login{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);padding:32px;text-align:left}
@media(min-width:768px){.login{padding:44px}}
@media(min-width:1024px){.access{grid-template-columns:6fr 5fr;column-gap:96px;align-items:center;justify-items:stretch;text-align:left}
  .access h1{text-align:left}.access-txt .lead{margin-left:0;text-align:left}.access-help{margin-left:0;text-align:left}.login{justify-self:end}}
.login label{display:block;font:500 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.login input{display:block;width:100%;height:48px;border:1px solid rgba(0,43,65,.28);background:var(--paper);padding:0 14px;font:400 16px var(--sans);color:var(--ink);margin-bottom:22px;border-radius:0}
.login input:focus{outline:2px solid var(--navy);outline-offset:1px}
.login .btn{width:100%}
.login .row2{display:flex;justify-content:flex-end;margin:-10px 0 18px}
.login .row2 a{font-size:14px;color:var(--navy);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.login .fine{font-size:14px;line-height:1.6;color:var(--muted);margin:18px 0 0}
.login .err{display:none;font-size:14px;line-height:1.6;color:#8E2A22;background:#F8ECEA;padding:12px 14px;margin:0 0 18px}
.login.has-err .err{display:block}

/* Bảo vệ dữ liệu cá nhân: giống rubix-estates.com (một cột 800px, tiêu đề mục chữ không chân, ngày cập nhật ở cuối) */
.legal-sec{padding-top:48px}
@media(min-width:1024px){.legal-sec{padding-top:64px}}
.legal{max-width:800px;margin:0 auto}
.legal h2{font:600 18px/1.5 var(--sans);color:var(--ink);margin:36px 0 10px}
.legal p{margin:0;font-size:18px;line-height:1.7}
.legal p.note{margin:36px 0 0;text-align:left;max-width:none;color:var(--text)}
.legal p .em{overflow-wrap:anywhere}
@media(min-width:400px){.legal p .em{white-space:nowrap}}
@media(min-width:1024px){.legal p,.legal h2{font-size:19px}}

/* Ấn phẩm: giống rubix-estates.com */
.pub{display:grid;gap:28px;align-items:center;padding:48px 0;border-top:1px solid var(--line)}
.pub:first-child{border-top:0;padding-top:0}
.pub:last-of-type{border-bottom:1px solid var(--line)}
@media(min-width:1024px){.pub{grid-template-columns:5fr 7fr;gap:64px}}
.pub figure{margin:0}
.pub img{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper)}
.pub h2{font-size:32px;margin-bottom:16px}
.pub-text p{margin:0;font-size:18px;line-height:1.7}
.pub p.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.sub-note{margin:16px 0 0;text-align:left;max-width:none;font-size:13px;color:var(--muted)}
.pubs-close{margin:28px 0 0;font-size:18px;line-height:1.7}
@media(min-width:1024px){.pub-text p,.pubs-close{font-size:19px}}

/* ---------- Chân trang: giống rubix-estates.com ---------- */
.ftr{background:var(--navy);color:rgba(255,255,255,.72);font-size:14px;line-height:1.7}
.ftr__top{padding-block:56px;text-align:center;border-top:0}
body.has-closing .ftr__top{border-top:1px solid var(--line-on-navy)}
.ftr__logo{width:168px;height:auto;margin:0 auto}
@media(min-width:1024px){.ftr__logo{width:192px}}
.ftr__cols{display:grid;gap:28px;padding-block:40px;border-top:1px solid var(--line-on-navy);align-items:start}
@media(min-width:600px){.ftr__cols{grid-template-columns:repeat(2,1fr);column-gap:32px}.ftr__mail{grid-column:1 / -1}}
@media(min-width:1024px){.ftr__cols{grid-template-columns:repeat(3,1fr);align-items:stretch}.ftr__mail{grid-column:auto;display:flex;flex-direction:column}.ftr__mail .adr{margin-bottom:6px}}
.ftr h2{font:500 10.5px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#fff;margin:0 0 10px}
.ftr p{margin:0}
.ftr a{color:rgba(255,255,255,.86);text-decoration:none;position:relative}
.ftr a:hover{color:#fff}
.ftr__nav{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,auto);grid-auto-flow:column;gap:2px 16px}
@media(max-width:1023px),(pointer:coarse){.ftr__nav{row-gap:25px}}
@media(min-width:600px) and (max-width:1023px){.ftr__nav{column-gap:32px}}
@media(min-width:1024px){.ftr__mail .ftr__nav{flex:1 1 auto;margin-top:0;grid-template-columns:repeat(3,max-content);grid-template-rows:repeat(2,auto);grid-auto-flow:row;column-gap:28px;row-gap:20px;justify-content:space-between;align-content:space-between}}
.ftr__nav a::before,.ftr__bottom a::before,.mail::before,.tel::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-block:20px 24px;border-top:1px solid var(--line-on-navy);font-size:13px;color:rgba(255,255,255,.72)}
.ftr__bottom>div:first-child{display:flex;flex-wrap:wrap}
.ftr__bottom span{white-space:nowrap}
.ftr__bottom span+span::before{content:"·";margin:0 .75em}
@media(max-width:639px){
  .ftr{font-size:15px}
  .ftr__bottom{display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px}
  .ftr__bottom>div:first-child{display:grid;grid-template-columns:minmax(0,1fr);row-gap:24px}
  .ftr__bottom>div>span{display:block}
  .ftr__bottom span+span::before{content:none}
}
@media(min-width:640px) and (max-width:1023px){.ftr{container-type:inline-size}.ftr__bottom{column-gap:16px;font-size:clamp(10px,calc((100cqi - 48px) / 62),13px)}}
.strip{height:5px;display:grid;grid-template-columns:repeat(6,1fr) 12fr}
.strip i:nth-child(1){background:#1A5860}.strip i:nth-child(2){background:#0A7559}.strip i:nth-child(3){background:#0E3236}
.strip i:nth-child(4){background:#6F3B20}.strip i:nth-child(5){background:#E8252C}.strip i:nth-child(6){background:#EF6926}
.strip i:nth-child(7){background:#F79B2A}
/* Trang kết thúc bằng danh sách (Liên hệ, Bảo mật...): chân trang nối ngay sau mục cuối */
main>.sec:last-child.end-flush{padding-bottom:0}

/* Menu chọn cách gửi email (máy tính) — giống rubix-estates.com 1.0.33 */
.mailpick{position:absolute;z-index:60;min-width:260px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(0,43,65,.18);padding:8px}
.mailpick__t{margin:0;padding:8px 12px 6px;font:500 12px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.mailpick a,.mailpick button{display:flex;align-items:center;width:100%;min-height:44px;padding:0 12px;border:0;background:none;font:400 15px/1.3 var(--sans);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer}
.mailpick a:hover,.mailpick a:focus-visible,.mailpick button:hover,.mailpick button:focus-visible{background:var(--mist);color:var(--navy);outline:none}

/* ===== 28102026D5: theo "Giao dien_Trang commentsD4" ===== */
/* Cờ: đủ màu ở mọi giao diện; cờ của trang đang xem có gạch dưới */
.flags a{opacity:1;position:relative}
.flags a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;background:var(--navy)}
.flags svg{box-shadow:0 0 0 1px rgba(0,0,0,.12)}
/* Menu điện thoại, iPad như rubix-estates.com: tên trang ở giữa, cờ bên phải, trang đang xem in nghiêng */
body.menu-open{overflow:hidden}
.overlay{overflow-y:auto}
.overlay .ov-top{border-bottom:0}
.overlay .ov-top .flags{justify-self:end}
.overlay .flags a[aria-current]::after{background:#fff}
.overlay .flags svg{box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.ov-close{justify-self:start;display:inline-flex;align-items:center;gap:12px;min-height:44px;min-width:44px;background:none;border:0;padding:0;color:#fff;font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer}
.ov-close i{position:relative;display:block;width:22px;height:22px}
.ov-close i::before,.ov-close i::after{content:"";position:absolute;left:-1px;right:-1px;top:50%;height:1.5px;background:currentColor;transform:rotate(45deg)}
.ov-close i::after{transform:rotate(-45deg)}
.ov-close span{display:none}
.overlay ul{margin:auto 0;padding:24px 0;text-align:center}
.overlay li a{font:300 34px/1.2 var(--serif);padding:9px 0}
.overlay li a[aria-current]{font-style:italic}
.ov-cities{margin:0 0 36px;text-align:center;font:500 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media(min-width:768px){.ov-close span{display:inline}.overlay .ov-top{height:76px}.overlay li a{font-size:46px;padding:12px 0}}
/* Nút hai dòng không dính chữ */
.btn{line-height:1.55;padding-top:12px;padding-bottom:12px;text-align:center;text-wrap:balance}
/* Trang Đăng nhập: lời dẫn chảy tự nhiên, chỉ tách hai dòng trên màn hình rộng */
@media(min-width:768px){.access-txt .lead .ln{display:inline}}
@media(min-width:1280px){.access-txt .lead .ln{display:block}}
/* Đoạn ghi chú (Triển khai) cùng cỡ chữ nội dung */
.note:not(.sub-note){font-size:18px;line-height:1.7}
@media(min-width:1024px){.note:not(.sub-note){font-size:19px}}
/* Nhãn trên ảnh đầu trang luôn một dòng trên điện thoại */
@media(max-width:379px){.hero .label{font-size:10.5px;letter-spacing:.1em;white-space:nowrap}}

/* ===== 28102026D7: theo "Giao dien_Trang commentsD6" ===== */
/* Đường kẻ rõ hơn, cùng độ đậm với rubix-estates.com khi xem trên cùng máy */
:root{--line:rgba(0,43,65,.26)}
/* Cờ như rubix-estates.com: cờ của trang đang xem rõ, cờ khác mờ; không gạch chân */
.flags a{opacity:.45;transition:opacity .2s}
.flags a:hover,.flags a:focus-visible,.flags a[aria-current]{opacity:1}
.flags a[aria-current]::after,.overlay .flags a[aria-current]::after{content:none}
.overlay .flags a{opacity:.5}
.overlay .flags a[aria-current],.overlay .flags a:hover{opacity:1}
/* Nền tảng: nhãn nhóm có đường kẻ đậm suốt bề ngang cột, như "Cách bắt đầu" của rubix-estates.com;
   số đứng riêng, dòng thứ hai thẳng với chữ dòng đầu */
.group h2{display:flex;align-items:baseline;border-bottom-color:var(--navy);text-wrap:wrap}
.group h2 .gno{flex:none}
.group h2 .gtx{flex:1 1 auto;min-width:0;text-wrap:balance}
@media(max-width:767px){.group h2{font-size:12.5px;letter-spacing:.13em}.group h2 .gno{margin-right:10px}}
@media(min-width:1024px) and (max-width:1439px){.group h2{font-size:13px;letter-spacing:.16em}.group h2 .gno{margin-right:10px}}
/* Nút: khung luôn ôm trọn chữ (iPad đời cũ), không cân dòng */
.btn{text-wrap:wrap;flex:none;max-width:100%}
/* Liên hệ: đoạn ghi chú cùng cỡ chữ với đoạn dẫn phía trên */
.contact-note{font-size:18px;line-height:1.7}
@media(min-width:1024px){.contact-note{font-size:19px}}
/* Đăng nhập: hai khối chữ cùng bề ngang; nút hiện, ẩn mật khẩu */
.access-txt .lead,.access-help{max-width:520px}
.access-txt .lead .ln{display:inline}
@media(min-width:768px){.access-txt .lead .ln{display:inline}}
@media(min-width:1280px){.access-txt .lead .ln{display:inline}}
.pwf{position:relative;margin-bottom:22px}
.pwf input{margin-bottom:0;padding-right:52px}
.pwf input::-ms-reveal{display:none}
.pwt{position:absolute;top:0;right:0;width:48px;height:48px;display:grid;place-items:center;padding:0;background:none;border:0;color:var(--muted);cursor:pointer}
.pwt:hover,.pwt[aria-pressed="true"]{color:var(--navy)}
.pwt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.pwt .ec{display:none}.pwt[aria-pressed="true"] .ec{display:inline}
/* Chân trang từ 1024px: danh sách trang 3 cột, 2 hàng, không kéo giãn (iPad ngang) */
@media(min-width:1024px){
  .ftr__mail{display:block}
  .ftr__mail .ftr__nav{flex:none;margin-top:16px;grid-template-columns:repeat(3,max-content);grid-template-rows:auto auto;grid-auto-flow:row;column-gap:28px;row-gap:12px;justify-content:start;align-content:start}
}
@media(min-width:1024px) and (pointer:coarse){.ftr__mail .ftr__nav{row-gap:20px}}

/* ===== 28102026D10: theo "Giao dien_Trang commentsD7" ===== */
/* Liên hệ: đoạn ghi chú cùng màu với đoạn dẫn */
.contact-note{color:var(--text)}
/* Menu từ 1280px: gạch chân trang đang xem như rubix-estates.com (sát đường kẻ dưới thanh menu) */
@media(min-width:1280px){.hd-nav ul{height:auto}.hd-nav a{display:block;padding:19px 0 17px}}
/* Nền tảng: nhãn nhóm là một khối nổi nhẹ (không gạch chân) cho đỡ rối */
.group h2{border-bottom:0;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,43,65,.06),0 8px 20px rgba(0,43,65,.06);padding:14px 18px;margin:0 0 4px}
@media(max-width:1023px){
  .group h2{display:inline-flex;max-width:100%}
  .group .mod:last-child{border-bottom:0}
}
@media(min-width:1024px){.group h2{margin-bottom:8px}}
/* Đăng nhập: đoạn dẫn chảy hết bề ngang như đoạn bên dưới (không cân dòng) */
.access-txt .lead{text-wrap:wrap}

/* ===== 02112026D3: theo "Giao dien_Trang commentsD11" ===== */
/* Đầu trang: chữ địa điểm, menu, Đăng nhập to hơn */
.hd-cities{font-size:12px}
.hd-access{font-size:12px;letter-spacing:.2em}
@media(min-width:1280px){.hd-nav a{font-size:13px;letter-spacing:.2em}}
/* iPad (768–1279px): hiện Đăng nhập cạnh cờ ngôn ngữ */
@media(min-width:768px){.hd-access{display:inline-flex}}
/* Đoạn dẫn: chữ chảy hết bề ngang cố định (không cân dòng), mọi ngôn ngữ rộng bằng nhau */
.lead,.note,.contact-note{text-wrap:pretty}
.lead{max-width:780px;width:100%}
.note:not(.sub-note){max-width:860px}
/* Liên hệ: hình tháp, đoạn trên hẹp, đoạn dưới rộng */
.page-head .lead + .contact-note{max-width:900px}
.page-head h1 + .lead:has(+ .contact-note){max-width:700px}
@media(max-width:767px){.page-head h1 + .lead:has(+ .contact-note){max-width:88%}}
/* Đăng nhập */
.access-txt .lead,.access-help{max-width:500px}
.access-txt .lead .ln,.access-help .ln{display:inline}
@media(max-width:1023px){
  .access-txt .lead,.access-help{max-width:720px}
  .access-help{margin-left:auto;margin-right:auto}
}
@media(min-width:600px) and (max-width:1023px){.access-txt .lead .ln,.access-help .ln{display:block}}
/* Ấn phẩm: dòng liên hệ cuối trang một dòng trên máy tính */
@media(min-width:1280px){.pubs-close{font-size:15px;white-space:nowrap}}
@media(min-width:1440px){.pubs-close{font-size:16px}}
@media(min-width:1680px){.pubs-close{font-size:17px}}
/* Điện thoại: tiêu đề nhỏ một dòng */
@media(max-width:767px){
  .group h2{font-size:11px;letter-spacing:.09em;padding:12px 12px}
  .group h2 .gno{margin-right:8px}
  .mod h3,.row .h3{font-size:22px}
  .duo .card{padding:24px 20px}
  .duo .card h3{font-size:20px}
  h1{font-size:31px}
}

/* ===== 05112026D1: theo "Giao dien_Trang comments02112026D3" và góp ý ngày 04/11/2026 ===== */
/* Khoảng cách giữa các khối gọn hơn (ít khoảng trống trên, dưới mỗi khối) */
:root{--sec:48px}
@media(min-width:768px){:root{--sec:60px}}
@media(min-width:1024px){:root{--sec:72px}}
@media(min-width:1440px){:root{--sec:84px}}
.page-head{padding-top:44px}
@media(min-width:1024px){.page-head{padding-top:64px}}
.wide-img,.device{margin-top:36px}
.sec.navy.closing-sec{padding-bottom:56px}
.ftr__top{padding-block:40px}
.ftr__cols{padding-block:32px}
/* Đoạn dẫn từ 1024px rộng hơn, bớt khoảng trắng hai bên tiêu đề (rộng bằng nhau ở 3 ngôn ngữ) */
@media(min-width:1024px){.page-head .lead{max-width:940px}}
@media(min-width:1280px){.page-head h1 + .lead:not(:has(+ .contact-note)){max-width:980px}}
/* Liên hệ: hình tháp, đoạn trên 780px, đoạn dưới 940px */
.page-head h1 + .lead:has(+ .contact-note){max-width:780px}
.page-head .lead + .contact-note{max-width:940px}
/* Chân trang từ 1024px: email ngang dòng 1, menu ngang dòng 3 và 4 của địa chỉ (dòng cuối thẳng hàng số điện thoại) */
@media(min-width:1024px){
  .ftr__cols{align-items:start}
  .ftr__mail .adr{margin-bottom:0}
  .ftr__mail .ftr__nav{margin-top:1.7em;row-gap:0;column-gap:28px}
  .ftr__mail .ftr__nav li,.ftr__mail .ftr__nav a{line-height:1.7}
}

/* ===== 10112026D1: như rubix-estates.com 1.0.38 ===== */
/* Bù khoảng giãn chữ sau chữ cuối của mọi chữ in hoa giãn chữ (letter-spacing tính cả sau chữ cuối):
   margin-right âm đúng bằng letter-spacing, để chữ căn giữa đúng tâm, căn phải sát mép. Nút và khối nhãn: bớt lề phải tương ứng. */
.label{margin-right:-.2em}
@media(max-width:767px){.hero .label{margin-right:-.12em}}
@media(max-width:379px){.hero .label{margin-right:-.1em}}
.btn{padding-right:calc(28px - .2em)}
.more::after{margin-left:calc(14px - .2em)}
@media(max-width:399px){.family .links .more::after{margin-left:calc(14px - .12em)}}
.hd-cities,.burger,.ov-close,.ftr h2{margin-right:-.22em}
.hd-access,.overlay .ov-access,.login label{margin-right:-.2em}
.ov-cities,.mailpick__t{margin-right:-.24em}
.group h2{padding-right:calc(18px - .2em)}
@media(min-width:1024px) and (max-width:1439px){.group h2{padding-right:calc(18px - .16em)}}
@media(max-width:767px){.group h2{padding-right:calc(12px - .09em)}}
/* Menu: gạch chân mục đang xem dài đúng bằng chữ (không tính khoảng giãn sau chữ cuối) */
.hd-nav a{margin-right:-.22em;border-bottom:0;padding-bottom:7px;background:linear-gradient(var(--navy),var(--navy)) 0 100%/0 1px no-repeat}
.hd-nav a[aria-current]{background-size:calc(100% - .22em) 1px}
@media(min-width:1280px){
  .hd-nav a{margin-right:-.2em;padding-bottom:18px}
  .hd-nav a[aria-current]{background-size:calc(100% - .2em) 1px}
  /* Bảo vệ dữ liệu: cột chữ rộng đúng bằng menu đầu trang (--navw do callidus.js đo) */
  .legal{max-width:var(--navw,800px)}
}
/* 14112026D1: Bảo vệ dữ liệu — mục liệt kê như rubix-international.com, rubix-trading.com */
.legal ul{margin:0;padding:0 0 0 1.25em;list-style:disc}
.legal li{font-size:19px;line-height:1.7;margin:0 0 .5em;padding-left:.2em}
.legal li:last-child{margin-bottom:0}
.legal li{text-wrap:pretty}
.legal li::marker{color:var(--muted)}
.legal li .em{white-space:nowrap}