:root { --angia-navy:#10234b; --angia-blue:#1655fb; --angia-ice:#f0f7ff; --angia-muted:#526584; --angia-line:#dce7f4; --angia-gold:#cf931b; }
html { scroll-padding-top: 24px; }
body { color:var(--angia-navy); }
.header { max-width:1320px; }
.header .nav a { transition:color .2s ease; }
.header .nav a:hover { color:var(--angia-blue); }
.hero-one { gap:55px; padding-top:64px; padding-bottom:70px; }
.hero-copy h1 { font-size:clamp(38px,4.1vw,54px); line-height:1.13; }
.hero-copy h1 span { color:var(--angia-blue); }
.hero-copy>p:not(.eyebrow) { max-width:610px; }
.hero-cta-row { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.hero-link { display:inline-flex; align-items:center; min-height:44px; gap:8px; color:var(--angia-blue); font-size:14px; font-weight:750; text-decoration:underline; text-underline-offset:5px; }
.hero-link:hover { color:#0b3eba; }
.hero-zalo { display:none; }
.az-mobile-hero-visible .az-zalo { display:none; }
.hero-copy .hero-assurance { font-size:12px!important; color:var(--angia-muted); margin:18px 0 0!important; }
.video-poster { box-shadow:0 24px 60px #10234b25; }
.video-caption { margin-top:15px; }
.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid var(--angia-line); border-bottom:1px solid var(--angia-line); padding-top:20px; padding-bottom:20px; }
.trust-strip>div { display:grid; grid-template-columns:32px 1fr; column-gap:13px; align-content:start; padding:8px 24px; border-right:1px solid var(--angia-line); }
.trust-strip>div:first-child { padding-left:0; }
.trust-strip>div:last-child { border-right:0; }
.trust-strip .trust-number { grid-row:span 2; color:var(--angia-blue); font-size:11px; font-weight:800; padding-top:3px; }
.trust-strip strong { font-size:14px; }
.trust-strip>div>span:last-child { color:var(--angia-muted); font-size:12px; line-height:1.5; }
.section { padding:92px 0; }
.section-heading { max-width:760px; margin-bottom:36px; }
.section-heading h2,.revenue-copy h2,.roomrise-copy h2,.pricing-layout h2 { font-size:clamp(32px,3.3vw,46px); line-height:1.17; letter-spacing:-1.45px; font-weight:800; }
.section-heading>p:last-child,.section-heading-split>p { font-size:16px; color:var(--angia-muted); line-height:1.7; margin-top:18px; }
.section-heading .eyebrow,.revenue-copy .eyebrow,.roomrise-copy .eyebrow,.pricing-layout .eyebrow { margin-bottom:14px; }
.section-heading-split { max-width:none; display:grid; grid-template-columns:1.2fr .8fr; gap:60px; align-items:end; }
.section-heading-split>p { margin-top:0; }
.section-pain { background:var(--angia-ice); }
.pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pain-card { padding:30px 28px 34px; min-height:240px; border:1px solid #dceafb; border-radius:17px; background:#fff; box-shadow:0 6px 26px #14356608; }
.pain-card>span,.service-card>span,.founder-card span,.team-grid article span { font-size:10px; font-weight:800; letter-spacing:.12em; color:var(--angia-blue); }
.pain-card h3,.service-card h3 { font-size:21px; line-height:1.25; letter-spacing:-.45px; margin-top:25px; }
.pain-card p,.service-card p { font-size:14px; color:var(--angia-muted); line-height:1.65; margin-top:11px; }
.section-journeys { padding-top:75px; padding-bottom:75px; }
.journey-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.journey-choice { overflow:hidden; border:1px solid var(--angia-line); border-radius:18px; background:#fff; }
.journey-choice>img { width:100%; height:230px; object-fit:cover; object-position:center 25%; }
.journey-choice>div { padding:23px 26px 26px; }
.journey-choice small { font-size:10px; color:var(--angia-muted); }
.journey-choice h3 { margin-top:5px; font-size:23px; letter-spacing:-.5px; }
.journey-choice p { margin-top:8px; color:var(--angia-muted); font-size:14px; line-height:1.6; }
.journey-choice button { display:inline-flex; gap:12px; align-items:center; margin-top:17px; padding:0; background:none; color:var(--angia-blue); font-weight:750; font-size:14px; text-decoration:underline; text-underline-offset:4px; min-height:35px; }
.journey-choice button:hover { color:#0b3eba; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.service-card { position:relative; overflow:hidden; border:1px solid var(--angia-line); border-radius:16px; min-height:227px; padding:28px 25px 30px; background:#fff; }
.service-card::before { content:''; position:absolute; top:0; left:0; width:86px; height:3px; background:var(--angia-blue); }
.service-card h3 { margin-top:26px; }
.section-end { display:flex; justify-content:space-between; align-items:start; gap:30px; margin-top:28px; }
.section-end p { font-size:12px; color:var(--angia-muted); line-height:1.6; max-width:580px; }
.section-revenue { background:var(--angia-navy); color:#fff; }
.revenue-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:9%; }
.revenue-copy .eyebrow { color:#97b9ff; }
.revenue-copy>p:not(.eyebrow) { font-size:16px; line-height:1.7; color:#e0e9f7; margin-top:22px; }
.revenue-copy .revenue-note { font-size:12px!important; color:#b9cce4!important; border-left:3px solid #70a1ff; padding-left:15px; margin-top:28px!important; }
.revenue-flow { border-top:1px solid #6681a5; }
.revenue-flow article { display:grid; grid-template-columns:58px 1fr; gap:18px; border-bottom:1px solid #6681a5; padding:23px 0; }
.revenue-flow b { color:#9fc2ff; font-size:14px; }
.revenue-flow h3 { font-size:21px; letter-spacing:-.4px; }
.revenue-flow p { font-size:14px; line-height:1.62; color:#d7e4f4; margin-top:7px; }
.section-roomrise { background:#f6faff; }
.roomrise-layout { display:grid; grid-template-columns:1.06fr .94fr; gap:7%; align-items:center; }
.roomrise-visual img { width:100%; height:auto; border-radius:15px; box-shadow:0 25px 50px #10234b24; }
.roomrise-visual p { margin-top:10px; color:var(--angia-muted); font-size:11px; }
.roomrise-copy>p:not(.eyebrow) { font-size:15px; line-height:1.7; color:var(--angia-muted); margin-top:20px; }
.roomrise-copy ul { margin:20px 0 0; padding-left:20px; }
.roomrise-copy li { font-size:14px; line-height:1.6; margin:8px 0; }
.roomrise-copy li::marker { color:var(--angia-blue); }
.roomrise-copy .roomrise-note { font-size:12px!important; border-top:1px solid var(--angia-line); padding-top:15px; }
.section-proof { background:#fff; }
.proof-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.proof-grid figure { margin:0; border-radius:16px; overflow:hidden; background:#f0f5fa; }
.proof-grid img { width:100%; height:auto; aspect-ratio:10/7; object-fit:cover; }
.proof-grid figcaption { padding:17px 21px; color:var(--angia-navy); font-size:14px; font-weight:750; }
.proof-note { max-width:800px; margin-top:18px; color:var(--angia-muted); font-size:12px; line-height:1.6; }
.section-process { background:var(--angia-ice); }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:15px; margin:0; padding:0; list-style:none; }
.process-grid li { background:#fff; border-radius:16px; border:1px solid #dceafb; padding:28px 24px 30px; min-height:230px; }
.process-grid li>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#e8f0ff; color:var(--angia-blue); font-weight:800; font-size:12px; }
.process-grid h3 { margin-top:24px; font-size:19px; letter-spacing:-.3px; }
.process-grid p { margin-top:8px; font-size:13px; line-height:1.6; color:var(--angia-muted); }
.process-ownership { display:grid; grid-template-columns:230px 1fr; gap:30px; align-items:start; border-top:1px solid #cbdbee; margin-top:30px; padding-top:27px; }
.process-ownership strong { font-size:16px; }
.process-ownership p { font-size:14px; line-height:1.65; color:var(--angia-muted); }
.founder-card { display:flex; align-items:center; gap:30px; border:1px solid var(--angia-line); border-radius:20px; background:#f6faff; max-width:630px; padding:20px; margin:0 0 26px; }
.founder-card picture { display:block; width:128px; height:128px; flex:none; border-radius:14px; overflow:hidden; background:#dce7f4; }
.founder-card img { width:100%; height:100%; object-fit:cover; object-position:center 18%; }
.founder-card h3 { margin-top:7px; font-size:28px; letter-spacing:-.5px; }
.founder-card p { margin-top:7px; color:var(--angia-muted); font-size:13px; line-height:1.6; }
.team-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.team-grid article { border:1px solid var(--angia-line); border-radius:16px; padding:22px; min-height:260px; }
.team-grid picture { display:block; width:76px; height:76px; overflow:hidden; border-radius:50%; background:#e6f0ff; margin-bottom:25px; }
.team-grid img { width:100%; height:100%; object-fit:cover; }
.team-grid article h3 { font-size:17px; margin-top:5px; line-height:1.35; }
.team-grid article p { font-size:13px; line-height:1.6; color:var(--angia-muted); margin-top:9px; }
.team-disclosure { color:var(--angia-muted); font-size:12px; line-height:1.6; margin-top:20px; }
.section-pricing { background:#eaf3ff; padding:62px 0; }
.pricing-layout { display:grid; grid-template-columns:1fr auto; align-items:center; gap:55px; }
.pricing-layout>div>p:last-child { max-width:740px; font-size:15px; line-height:1.7; color:var(--angia-muted); margin-top:18px; }
.pricing-layout .pricing-highlight { color:var(--angia-navy)!important; font-weight:750; font-size:18px!important; margin-top:20px!important; }
.pricing-action { display:grid; justify-items:start; gap:14px; }
.pricing-action>a:last-child { font-size:13px; color:var(--angia-blue); text-decoration:underline; text-underline-offset:4px; }
.other-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.other-grid article { border:1px solid var(--angia-line); background:#fff; border-radius:16px; padding:28px; min-height:180px; }
.other-grid h3 { font-size:20px; line-height:1.3; letter-spacing:-.4px; }
.other-grid p { color:var(--angia-muted); font-size:14px; line-height:1.65; margin-top:10px; }
.other-note { margin-top:20px; font-size:12px; line-height:1.6; color:var(--angia-muted); }
.closing-one .eyebrow { color:#a9c5ff; margin-bottom:8px; }
.closing-one>.wrap { align-items:center; }
.closing-one>.wrap>div { max-width:780px; }
.closing-one p { line-height:1.6; }
.closing-contact a { text-decoration:underline; text-underline-offset:3px; }
.footer { border-top:1px solid var(--angia-line); margin-top:24px; }
@media(max-width:1050px){
  .hero-one { gap:30px; }
  .hero-copy h1 { font-size:clamp(36px,4.3vw,51px); }
  .section { padding:70px 0; }
  .process-grid { grid-template-columns:repeat(2,1fr); }
  .team-grid { grid-template-columns:repeat(2,1fr); }
  .pricing-layout { grid-template-columns:1fr; gap:25px; }
}
@media(max-width:700px){
  html { scroll-padding-top:15px; }
  .header { flex-wrap:wrap; row-gap:0; padding-top:10px; padding-bottom:10px; }
  .header .nav { display:flex; order:3; width:100%; margin:6px 0 0; padding:10px 0 5px; overflow-x:auto; white-space:nowrap; gap:20px; border-top:1px solid var(--angia-line); scrollbar-width:thin; scrollbar-color:var(--angia-blue) transparent; }
  .header .nav::-webkit-scrollbar { display:block; height:4px; }
  .header .nav::-webkit-scrollbar-thumb { background:var(--angia-blue); border-radius:4px; }
  .header::after { content:none; order:4; width:100%; color:var(--angia-muted); font-size:10px; line-height:1.4; text-align:right; margin-top:2px; }
  .header.nav-can-scroll::after { content:'Vuốt ngang để xem thêm →'; }
  .header .nav a { font-size:12px; }
  .header>.button { margin-left:auto; }
  .hero-one { padding-top:34px; padding-bottom:36px; }
  .hero-copy h1 { font-size:clamp(34px,9.3vw,43px); }
  .hero-copy .hero-assurance { margin-top:15px!important; }
  .hero-cta-row { align-items:stretch; }
  .hero-cta-row .button { width:100%; }
  .hero-zalo { display:inline-flex; align-items:center; min-height:44px; color:var(--angia-blue); font-size:14px; font-weight:750; text-decoration:underline; text-underline-offset:5px; }
  .trust-strip { grid-template-columns:1fr; padding-top:5px; padding-bottom:5px; }
  .trust-strip>div,.trust-strip>div:first-child { border-right:0; border-bottom:1px solid var(--angia-line); padding:15px 0; }
  .trust-strip>div:last-child { border-bottom:0; }
  .section { padding:55px 0; }
  .section-heading { margin-bottom:26px; }
  .section-heading h2,.revenue-copy h2,.roomrise-copy h2,.pricing-layout h2 { font-size:clamp(29px,8vw,36px); }
  .section-heading>p:last-child,.section-heading-split>p { font-size:14px; }
  .section-heading-split { display:block; }
  .section-heading-split>p { margin-top:18px; }
  .pain-grid,.service-grid,.proof-grid,.other-grid { grid-template-columns:1fr; gap:12px; }
  .journey-choice-grid { grid-template-columns:1fr; gap:14px; }
  .journey-choice>img { height:auto; aspect-ratio:1.7; }
  .journey-choice>div { padding:21px 22px 23px; }
  .pain-card,.service-card,.other-grid article { min-height:0; padding:24px; }
  .pain-card h3,.service-card h3 { margin-top:17px; font-size:20px; }
  .section-end { display:block; }
  .section-end p { margin-top:12px; }
  .revenue-layout,.roomrise-layout { grid-template-columns:1fr; gap:36px; }
  .roomrise-visual { order:2; }
  .roomrise-copy { order:1; }
  .process-grid,.team-grid { grid-template-columns:1fr; }
  .process-grid li,.team-grid article { min-height:0; }
  .team-grid article { display:flex; gap:16px; align-items:flex-start; }
  .team-grid picture { flex:none; margin-bottom:0; }
  .process-ownership { display:block; }
  .process-ownership p { margin-top:8px; }
  .founder-card { gap:16px; padding:15px; }
  .founder-card picture { width:98px; height:110px; }
  .founder-card h3 { font-size:23px; }
  .pricing-layout { gap:24px; }
  .closing-contact { font-size:12px!important; }
}
@media(max-width:420px){
  .header>.button { font-size:11px; padding:9px 12px; }
  .logo { width:88px; }
  .video-label { font-size:9px; }
  .video-label>span { font-size:9px; }
  .team-grid picture { width:62px; height:62px; }
}