.vp-seo,
.vp-seo * {
    box-sizing:border-box;
    font-synthesis:none;
}
.vp-seo {
    --blue:#1388f5;
    --blue-dark:#173fdc;
    --blue-deep:#1232b9;
    --text:#20283a;
    --muted:#65708a;
    --soft:#f5f8ff;
    --line:#dfe7f5;
    --red:#cc0909;
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    overflow:hidden;
    font-family:'Roboto', Arial, Helvetica, sans-serif !important;
    color:var(--text);
    line-height:1.65;
    background:#fff;
}
.vp-seo h1,.vp-seo h2,.vp-seo h3,.vp-seo h4,.vp-seo h5,.vp-seo h6,
.vp-seo p,.vp-seo a,.vp-seo span,.vp-seo li,.vp-seo summary,
.vp-seo input,.vp-seo select,.vp-seo textarea,.vp-seo button,
.vp-seo strong,.vp-seo b,.vp-seo em {
    font-family:'Roboto', Arial, Helvetica, sans-serif !important;
}
.vp-seo {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
}
.vp-seo strong,.vp-seo b {
    font-weight:700 !important;
    font-style:normal;
}
.vp-seo h1,.vp-seo h2,.vp-seo h3,.vp-seo h4,.vp-seo h5,.vp-seo h6 {
    font-style:normal;
}
.vp-seo img { max-width:100%; height:auto; display:block; }
.vp-seo a { text-decoration:none; }
.vp-seo__container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
.vp-seo__section { padding:92px 0; }
.vp-seo__section--soft { background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%); }
.vp-seo__section--gradient { background:linear-gradient(135deg,#112fc9 0%,#4a18cf 54%,#811edd 100%); color:#fff; }
.vp-seo__hero { min-height:610px; background-size:cover; background-position:center; display:flex; align-items:center; color:#fff; }
.vp-seo__hero-inner { display:flex; align-items:center; min-height:610px; }
.vp-seo__hero-copy { max-width:590px; padding:70px 0; }
.vp-seo__eyebrow,.vp-seo__kicker { display:block; font-size:16px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--blue); margin-bottom:12px; }
.vp-seo__hero .vp-seo__eyebrow { color:#d9e5ff; font-size:20px; }
.vp-seo__hero h1 { margin:0; font-size:58px; line-height:1.12; font-weight:700; letter-spacing:.02em; color:#fff; }
.vp-seo__line { width:52px; height:3px; display:block; background:#fff; margin:28px 0 22px; }
.vp-seo__hero p { max-width:570px; margin:0 0 30px; font-size:17px; color:#fff; }
.vp-seo__actions { display:flex; flex-wrap:wrap; gap:12px; }
.vp-seo__btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 22px; border-radius:999px; font-weight:700; transition:.2s ease; border:1px solid transparent; }
.vp-seo__btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(16,44,150,.18); }
.vp-seo__btn--red { background:var(--red); color:#fff !important; }
.vp-seo__btn--ghost { border-color:rgba(255,255,255,.72); color:#fff !important; background:rgba(255,255,255,.08); }
.vp-seo__btn--blue { background:var(--blue-dark); color:#fff !important; }
.vp-seo__split { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.vp-seo__split--reverse .vp-seo__copy { order:2; }
.vp-seo__split--reverse .vp-seo__visual { order:1; }
.vp-seo__copy h2,.vp-seo__section-head h2,.vp-seo__other-services h2 { margin:0 0 22px; color:var(--blue); font-size:38px; line-height:1.25; font-weight:400; letter-spacing:.025em; }
.vp-seo__copy h2 strong,.vp-seo__section-head h2 strong,.vp-seo__other-services h2 strong { font-weight:700; }
.vp-seo__copy p,.vp-seo__section-head p { font-size:16px; color:var(--muted); margin:0 0 18px; }
.vp-seo__visual { margin:0; }
.vp-seo__visual--shadow { border-radius:26px; overflow:hidden; box-shadow:0 24px 65px rgba(31,59,127,.18); }
.vp-seo__visual--light { border:1px solid rgba(255,255,255,.4); border-radius:28px; overflow:hidden; box-shadow:0 25px 70px rgba(4,8,72,.3); }
.vp-seo__image { width:100%; }
.vp-seo__pill-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.vp-seo__pill-row span { padding:8px 14px; border-radius:999px; background:#edf5ff; color:#1959c7; font-size:14px; font-weight:700; }
.vp-seo__section-head { max-width:820px; text-align:center; margin:0 auto 54px; }
.vp-seo__reason-layout { display:grid; grid-template-columns:.95fr 1.05fr; gap:42px; align-items:center; }
.vp-seo__card-grid { display:grid; gap:18px; }
.vp-seo__card-grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.vp-seo__card { padding:25px; border-radius:18px; background:#fff; border:1px solid #e6edf8; box-shadow:0 10px 34px rgba(34,58,117,.08); }
.vp-seo__card > span { display:inline-flex; width:44px; height:44px; align-items:center; justify-content:center; border-radius:12px; background:linear-gradient(135deg,#1788f5,#243cdf); color:#fff; font-size:18px; font-weight:700; }
.vp-seo__card h3 { margin:17px 0 8px; color:#173fdc; font-size:19px; line-height:1.35; font-weight:700; }
.vp-seo__card p { margin:0; color:var(--muted); font-size:14px; }
.vp-seo__accordion { border-top:1px solid #d9e2f1; }
.vp-seo__accordion details { border-bottom:1px solid #d9e2f1; padding:0; }
.vp-seo__accordion summary { cursor:pointer; list-style:none; padding:18px 44px 18px 0; position:relative; color:#29334b; font-weight:700; }
.vp-seo__accordion summary::-webkit-details-marker { display:none; }
.vp-seo__accordion summary:after { content:'+'; position:absolute; right:8px; top:13px; font-size:26px; color:var(--blue); font-weight:400; }
.vp-seo__accordion details[open] summary { color:var(--blue); }
.vp-seo__accordion details[open] summary:after { content:'−'; }
.vp-seo__accordion details p { margin:0; padding:0 30px 18px 0; color:var(--muted); }
.vp-seo__section-head--light .vp-seo__kicker,.vp-seo__section-head--light h2,.vp-seo__section-head--light p { color:#fff; }
.vp-seo__fields-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:45px; align-items:center; }
.vp-seo__field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.vp-seo__field-grid span { display:flex; min-height:68px; align-items:center; padding:16px 18px; border-radius:15px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.3); color:#fff; font-weight:700; backdrop-filter:blur(6px); }
.vp-seo__process-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:50px; align-items:center; }
.vp-seo__steps { list-style:none; margin:0; padding:0; counter-reset:vpseo; }
.vp-seo__steps li { counter-increment:vpseo; position:relative; padding:0 0 25px 62px; min-height:70px; }
.vp-seo__steps li:not(:last-child):after { content:''; position:absolute; left:21px; top:43px; bottom:0; width:2px; background:#d8e3f4; }
.vp-seo__steps li:before { content:counter(vpseo); position:absolute; left:0; top:0; width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(135deg,#1388f5,#3036d8); color:#fff; font-weight:700; box-shadow:0 8px 20px rgba(25,75,210,.22); }
.vp-seo__steps b { display:block; font-size:18px; color:#173fdc; margin-bottom:4px; }
.vp-seo__steps span { display:block; color:var(--muted); font-size:14px; }

/* Bảng giá Content SEO */
.vp-seo__pricing {
    position:relative;
    background:
        radial-gradient(circle at 8% 12%,rgba(19,136,245,.11),transparent 28%),
        radial-gradient(circle at 94% 82%,rgba(36,60,223,.09),transparent 30%),
        #fff;
}
.vp-seo__pricing-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    align-items:stretch;
}
.vp-seo__price-card {
    position:relative;
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:34px 28px 28px;
    border:1px solid #dce6f6;
    border-radius:24px;
    background:#fff;
    box-shadow:0 18px 55px rgba(25,55,125,.10);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
    overflow:hidden;
}
.vp-seo__price-card:before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(90deg,#1388f5,#253bdc);
}
.vp-seo__price-card:hover {
    transform:translateY(-7px);
    border-color:#a9c8f4;
    box-shadow:0 26px 70px rgba(24,61,151,.16);
}
.vp-seo__price-card--featured {
    border:2px solid #2145e1;
    transform:translateY(-10px);
    box-shadow:0 25px 75px rgba(33,69,225,.18);
}
.vp-seo__price-card--featured:hover { transform:translateY(-15px); }
.vp-seo__price-card--featured:before { height:7px; background:linear-gradient(90deg,#173fdc,#1388f5); }
.vp-seo__popular {
    position:absolute;
    top:18px;
    right:-34px;
    width:135px;
    padding:6px 8px;
    transform:rotate(38deg);
    text-align:center;
    background:#173fdc;
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.vp-seo__price-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    margin-bottom:20px;
    border-radius:18px;
    background:linear-gradient(135deg,#eef6ff,#dfeaff);
    color:#173fdc;
    font-size:16px;
    font-weight:700;
    letter-spacing:.03em;
}
.vp-seo__price-card--featured .vp-seo__price-icon { background:linear-gradient(135deg,#173fdc,#1388f5); color:#fff; }
.vp-seo__price-card h3 {
    margin:0 0 5px;
    color:#183fcf;
    font-size:24px;
    line-height:1.3;
    font-weight:700;
}
.vp-seo__word-count {
    margin:0 0 22px !important;
    color:#6d7890;
    font-size:15px;
    font-weight:700;
}
.vp-seo__price {
    min-height:92px;
    margin:0 -28px 24px;
    padding:18px 28px;
    border-top:1px solid #e5ebf6;
    border-bottom:1px solid #e5ebf6;
    background:#f7faff;
}
.vp-seo__price strong {
    display:block;
    color:#152fba;
    font-size:27px;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.02em;
}
.vp-seo__price span {
    display:block;
    margin-top:5px;
    color:#69748a;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
}
.vp-seo__price-card ul {
    flex:1;
    list-style:none;
    margin:0 0 26px;
    padding:0;
}
.vp-seo__price-card li {
    position:relative;
    margin:0 0 14px;
    padding-left:28px;
    color:#536078;
    font-size:14px;
    line-height:1.55;
}
.vp-seo__price-card li:before {
    content:'✓';
    position:absolute;
    top:1px;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#e8f2ff;
    color:#156edf;
    font-size:12px;
    font-weight:700;
}
.vp-seo__price-btn {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    min-height:48px;
    padding:11px 17px;
    border:1.5px solid #1d49da;
    border-radius:13px;
    color:#193fcf !important;
    font-weight:700;
    transition:.2s ease;
}
.vp-seo__price-btn span { font-size:22px; line-height:1; }
.vp-seo__price-btn:hover { background:#173fdc; color:#fff !important; box-shadow:0 10px 25px rgba(23,63,220,.20); }
.vp-seo__price-note {
    max-width:900px;
    margin:32px auto 0 !important;
    padding:14px 20px;
    border-radius:12px;
    background:#f2f7ff;
    color:#667187 !important;
    text-align:center;
    font-size:13px !important;
}

.vp-seo__why { background:#f8faff; }
.vp-seo__why-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.vp-seo__why-grid article { padding:28px 23px; background:#fff; border:1px solid #e3eaf7; border-radius:18px; box-shadow:0 12px 35px rgba(29,54,115,.07); }
.vp-seo__why-grid i { display:flex; width:42px; height:42px; align-items:center; justify-content:center; background:#ecf5ff; color:#1686f2; border-radius:50%; font-style:normal; font-weight:700; }
.vp-seo__why-grid h3 { font-size:18px; margin:17px 0 8px; color:#193fd3; }
.vp-seo__why-grid p { margin:0; color:var(--muted); font-size:14px; }
.vp-seo__faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.vp-seo__accordion--faq { border-top:2px solid var(--blue); }
.vp-seo__other-services { padding:70px 0; background:#f4f6ff; }
.vp-seo__other-services h2 { text-align:center; margin-bottom:35px; }
.vp-seo__service-links { display:flex; flex-wrap:wrap; justify-content:center; gap:14px 18px; }
.vp-seo__service-links a { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:240px; padding:10px 18px; border:1.5px solid #26324d; border-radius:999px; color:#26324d; font-weight:700; background:#fff; transition:.2s ease; }
.vp-seo__service-links a:hover { color:#fff; background:var(--blue-dark); border-color:var(--blue-dark); }
.vp-seo__service-links span { font-size:22px; }
.vp-seo__contact { padding:76px 0 90px; color:#fff; background:linear-gradient(135deg,#075ecb 0%,#0c94ed 100%); position:relative; }
.vp-seo__contact:before { content:''; position:absolute; inset:0; opacity:.15; background-image:linear-gradient(30deg,transparent 45%,#fff 46%,transparent 47%),linear-gradient(150deg,transparent 45%,#fff 46%,transparent 47%); background-size:160px 160px; }
.vp-seo__contact .vp-seo__container { position:relative; z-index:1; }
.vp-seo__contact-head { text-align:center; max-width:900px; margin:0 auto 32px; }
.vp-seo__contact-head > span { font-weight:700; font-size:34px; letter-spacing:.04em; }
.vp-seo__contact-head h2 { font-size:18px; margin:8px 0 26px; color:#fff; }
.vp-seo__contact-info { display:flex; justify-content:center; gap:22px; flex-wrap:wrap; }
.vp-seo__contact-info a { display:flex; flex-direction:column; min-width:230px; padding:12px 22px; border:1px solid rgba(255,255,255,.55); border-radius:12px; color:#fff; background:rgba(255,255,255,.1); }
.vp-seo__contact-info small { font-size:11px; opacity:.8; }
.vp-seo__contact-info b { font-size:19px; }
.vp-seo__form-wrap { max-width:920px; margin:0 auto; padding:30px; border-radius:18px; background:#fff; color:#222; box-shadow:0 20px 70px rgba(0,34,90,.25); }
.vp-seo__form-notice { padding:28px; text-align:center; color:#34405a; background:#f5f8ff; border:1px dashed #9db8df; border-radius:12px; }
.vp-seo__form-wrap .wpcf7 { margin:0; }
.vp-seo__form-wrap .wpcf7-form { display:block; }
.vp-seo__form-wrap .wpcf7-form p { margin:0 0 15px; }
.vp-seo__form-wrap label { display:block; font-weight:500; color:#27324a; }
.vp-seo__form-wrap input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.vp-seo__form-wrap select,
.vp-seo__form-wrap textarea { width:100%; min-height:46px; margin-top:6px; padding:10px 12px; border:1px solid #d5dce8; border-radius:8px; background:#fff; box-shadow:none; color:#20283a; }
.vp-seo__form-wrap textarea { min-height:120px; resize:vertical; }
.vp-seo__form-wrap input[type=submit],.vp-seo__form-wrap button[type=submit] { display:block; margin:12px auto 0; padding:12px 28px; border:0; border-radius:999px; background:#1388f5; color:#fff; font-weight:700; cursor:pointer; }
.vp-seo__form-wrap .wpcf7-response-output { margin:16px 0 0 !important; }
@media (max-width:991px) {
    .vp-seo__section { padding:72px 0; }
    .vp-seo__hero,.vp-seo__hero-inner { min-height:530px; }
    .vp-seo__hero-copy { max-width:530px; }
    .vp-seo__hero h1 { font-size:48px; }
    .vp-seo__split,.vp-seo__reason-layout,.vp-seo__fields-layout,.vp-seo__process-layout,.vp-seo__faq-layout { grid-template-columns:1fr; gap:38px; }
    .vp-seo__split--reverse .vp-seo__copy,.vp-seo__split--reverse .vp-seo__visual { order:initial; }
    .vp-seo__pricing-grid { grid-template-columns:1fr; max-width:680px; margin:0 auto; }
    .vp-seo__price-card--featured,.vp-seo__price-card--featured:hover { transform:none; }
    .vp-seo__why-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px) {
    .vp-seo__container { width:min(100% - 28px,1180px); }
    .vp-seo__section { padding:58px 0; }
    .vp-seo__hero { background-position:68% center; }
    .vp-seo__hero,.vp-seo__hero-inner { min-height:520px; }
    .vp-seo__hero-copy { padding:70px 0 55px; }
    .vp-seo__hero h1 { font-size:40px; }
    .vp-seo__hero p { font-size:15px; }
    .vp-seo__copy h2,.vp-seo__section-head h2,.vp-seo__other-services h2 { font-size:29px; }
    .vp-seo__card-grid--2,.vp-seo__field-grid,.vp-seo__why-grid { grid-template-columns:1fr; }
    .vp-seo__price-card { padding:30px 22px 24px; }
    .vp-seo__price { margin:0 -22px 22px; padding:17px 22px; }
    .vp-seo__price strong { font-size:24px; }
    .vp-seo__card { padding:21px; }
    .vp-seo__form-wrap { padding:20px 16px; }
    .vp-seo__contact-head > span { font-size:28px; }
    .vp-seo__service-links a { width:100%; min-width:0; }
}