/* Trang Pricing — nạp sau ag.css. */
.ag .pr-hb{margin-top:40px;display:grid;grid-template-columns:minmax(0,560px) auto;gap:40px;justify-content:space-between;align-items:end}
.ag .pr-trust{display:flex;flex-direction:column;gap:10px}
.ag .pr-trust span{display:inline-flex;gap:10px;align-items:center;padding:10px 16px;border-radius:999px;background:#FFFFFF;border:1px solid #E3E8F0;font-size:14px;font-weight:600;color:#0B1324}
.ag .swipe-hint{display:none}
.ag .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.ag .plan{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:34px;border-radius:30px;background:#FFFFFF;border:2px solid #0B1324;transition:translate .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.ag .plan:hover{translate:0 -8px;box-shadow:0 40px 70px -40px rgba(11,19,36,.5)}
.ag .plan.pro{background:#0A1428;border-color:#0A1428;color:#D9E1F0;box-shadow:0 40px 80px -30px rgba(36,87,245,.7)}
.ag .pl-top{position:relative;display:flex;flex-direction:column;gap:8px;padding-bottom:24px;border-bottom:2px dashed #0B1324}
.ag .plan.pro .pl-top{border-bottom-color:#2A3F6B}
.ag .pl-k{font-family:'JetBrains Mono',ui-monospace,Consolas,monospace;font-size:13px;font-weight:700;color:#667089}
.ag .plan h2{margin:4px 0 0;font-family:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;font-size:30px;letter-spacing:-.025em;color:#0B1324}
.ag .plan.pro h2{color:#FFFFFF}
.ag .plan .pl-top p{margin:0;font-size:15px;color:#5B6680}
.ag .plan.pro .pl-top p{color:#A9B6D1}
.ag .pl-p{margin-top:10px;font-family:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;color:#0B1324}
.ag .pl-p b{font-size:58px;font-weight:800;letter-spacing:-.045em;line-height:1}
.ag .pl-p span{font-size:24px;font-weight:700}
.ag .plan.pro .pl-p{color:#FFFFFF}
.ag .pl-m{font-size:14px;color:#667089}
.ag .plan.pro .pl-m{color:#A9B6D1}
.ag .pl-f{position:relative;display:flex;flex-direction:column;gap:12px;color:#33405A}
.ag .plan.pro .pl-f{color:#D9E1F0}
.ag .plan .chk svg path{stroke-dasharray:1;stroke-dashoffset:0}
.ag .plan:hover .chk svg path{animation:dash .7s ease both}
.ag .pr-custom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 18px 18px 28px;border-radius:999px;border:1px dashed #BFD0FF;background:#F8FAFF;font-size:16px;color:#33405A}
.ag .pr-custom b{color:#0B1324}
.ag .tblw{overflow-x:auto;background:#FFFFFF;border:1px solid #E3E8F0;border-radius:28px}
.ag .tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:820px}
.ag .tbl th,.ag .tbl td{padding:17px 24px;border-bottom:1px solid #E3E8F0;text-align:center;color:#33405A}
.ag .tbl th:first-child,.ag .tbl td:first-child{text-align:left;color:#0B1324;font-weight:500}
.ag .tbl thead th{font-family:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;font-size:22px;color:#0B1324;padding:28px 24px;vertical-align:bottom}
.ag .tbl thead th:first-child{font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:14px;color:#667089;font-weight:600}
.ag .tbl thead small{display:block;margin-top:4px;font-family:'Be Vietnam Pro',system-ui,sans-serif;font-size:14px;font-weight:600;color:#667089}
.ag .tbl thead .pro,.ag .tbl thead .pro small{color:#2457F5}
.ag .tbl .grp td{background:#F5F7FB;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#667089;padding:12px 24px}
.ag .tbl .pro{background:#F2F6FF}
.ag .tbl tbody tr:not(.grp){transition:background .25s}
.ag .tbl tbody tr:not(.grp):hover{background:#F8FAFF}
.ag .tbl tbody tr:last-child td{border-bottom:0}
.ag .tbl svg path{stroke-dasharray:1;stroke-dashoffset:0}
.ag .tbl tr:hover svg path{animation:dash .6s ease both}
.ag .no{display:inline-block;width:14px;height:2px;border-radius:2px;background:#C3CAD8;vertical-align:middle}
.ag .adds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ag .adds h3{margin:8px 0 0;font-size:20px}
.ag .qwrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.ag .qsteps{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ag .qsteps li{display:flex;gap:14px;align-items:center;font-size:16px;font-weight:600;color:#0B1324}
.ag .qsteps b{width:36px;height:36px;border-radius:12px;background:#EAF0FF;color:#2457F5;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif}
.ag .qform{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:30px;background:#FFFFFF;border:1px solid #E3E8F0;box-shadow:0 40px 80px -50px rgba(11,19,36,.45)}
.ag .qpk{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ag .qpk legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:600;color:#0B1324}
.ag .qpk input{position:absolute;opacity:0;pointer-events:none}
.ag .qpk label{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid #D5DBE6;border-radius:16px;cursor:pointer;transition:border-color .25s,background .25s}
.ag .qpk label b{font-size:14px;color:#0B1324}
.ag .qpk label span{font-size:13px;color:#667089}
.ag .qpk input:checked+label{border:2px solid #2457F5;background:#F2F6FF;padding:11px 13px}
.ag .qpk input:checked+label b,.ag .qpk input:checked+label span{color:#2457F5}
.ag .qpk input:focus-visible+label{outline:3px solid #3DD2EE;outline-offset:2px}
.ag .fld{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#0B1324}
.ag .fld input,.ag .fld textarea{font:inherit;font-weight:400;font-size:15px;padding:14px 16px;border:1px solid #D5DBE6;border-radius:14px;color:#0B1324;background:#FFFFFF}
.ag .fld input:focus,.ag .fld textarea:focus{outline:none;border-color:#2457F5;box-shadow:0 0 0 4px rgba(36,87,245,.12)}
.ag .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ag .pr-cta{position:relative;overflow:hidden;border-radius:36px;background:#2457F5;padding:64px;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
@media (max-width:1100px){.ag .pr-hb,.ag .qwrap{grid-template-columns:1fr}
.ag .plans{grid-template-columns:1fr}
.ag .adds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){.ag .pr-hb{margin-top:24px;gap:22px}
.ag .pr-hb>p{font-size:17px !important}
.ag .pr-trust span{font-size:13px;padding:9px 14px}
.ag .swipe-hint{display:block;margin:0 0 10px;font-size:13px;font-weight:600;color:#2457F5}
.ag .plans.snapm>*{width:300px}
.ag .plans>.pro{order:-1}
.ag .plan{padding:26px;gap:18px}
.ag .pl-p b{font-size:46px}
.ag .pr-custom{border-radius:24px;padding:20px}
.ag .pr-custom .btn{width:100%}
.ag .tblw{overflow:visible;border-radius:22px}
.ag .tbl{min-width:0;font-size:13px}
.ag .tbl thead{position:sticky;top:76px;z-index:3}
.ag .tbl thead tr{display:grid;grid-template-columns:repeat(3,1fr);background:#FFFFFF;border-radius:22px 22px 0 0;box-shadow:0 10px 20px -16px rgba(11,19,36,.4)}
.ag .tbl thead th{padding:14px 4px;font-size:15px}
.ag .tbl thead th:first-child{display:none}
.ag .tbl thead small{font-size:11px}
.ag .tbl tbody{display:block}
.ag .tbl tbody tr{display:grid;grid-template-columns:repeat(3,1fr)}
.ag .tbl tbody td{display:flex;align-items:center;justify-content:center;padding:4px 6px 14px;text-align:center}
.ag .tbl tbody td:first-child{grid-column:1/-1;justify-content:flex-start;padding:14px 16px 6px;border-bottom:0;font-size:14px}
.ag .tbl .grp td{grid-column:1/-1;padding:10px 16px !important;justify-content:flex-start}
.ag .adds{gap:12px}
.ag .adds .tile{padding:20px}
.ag .adds h3{font-size:17px}
.ag .adds p{font-size:13px}
.ag .qform{padding:22px}
.ag .qpk label{padding:10px}
.ag .qpk input:checked+label{padding:9px}
.ag .qpk label b{font-size:13px}
.ag .two{grid-template-columns:1fr}
.ag .pr-cta{padding:32px 24px}
.ag .pr-cta .xl{font-size:44px !important}
.ag .pr-cta>div:last-child{min-width:0 !important;width:100%}

}


