.hero{padding:140px 0 80px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 50%,#1a3570 100%)}.hero:before{content:"";position:absolute;top:-200px;right:-150px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,0,.08) 0%,transparent 65%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-200px;left:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 65%);pointer-events:none}.hero__inner{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-16);align-items:center;position:relative;z-index:1}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffd30026;border:1px solid rgba(255,211,0,.3);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--yellow);margin-bottom:var(--space-5)}.hero__title{font-family:var(--font-heading);font-size:clamp(2.25rem,5vw,3.25rem);font-weight:var(--fw-black);line-height:var(--lh-tight);color:var(--white);margin-bottom:var(--space-5);letter-spacing:var(--ls-tight)}.hero__title .accent{color:var(--yellow)}.hero__desc{font-size:var(--text-lg);line-height:1.75;color:#ffffffb3;margin-bottom:var(--space-8);max-width:480px}.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-8)}.hero__trust{display:flex;gap:var(--space-5);flex-wrap:wrap;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.12)}.hero__trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffa6}.hero__trust-item svg{color:var(--yellow);flex-shrink:0}.hero__visual{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.hero-stat{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;align-items:center;gap:var(--space-4);transition:background var(--transition-normal),border-color var(--transition-normal)}.hero-stat:hover{background:#ffffff1a;border-color:#ffd30059}.hero-stat__icon{width:44px;height:44px;border-radius:var(--radius-md);background:#ffd30026;border:1px solid rgba(255,211,0,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--yellow)}.hero-stat__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--white);line-height:1;letter-spacing:var(--ls-tight)}.hero-stat__label{font-size:var(--text-xs);color:#ffffff8c;margin-top:2px}@media(max-width:768px){.hero{padding:100px 0 56px}.hero__inner{grid-template-columns:1fr;gap:var(--space-10)}.hero__visual{grid-template-columns:1fr 1fr}}.trust-strip{background:var(--yellow);padding:var(--space-4) 0}.trust-strip__inner{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--navy)}.platforms{background:var(--gray-50)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header .sub{font-size:var(--text-base);color:var(--gray-500);max-width:560px;margin:var(--space-3) auto 0;line-height:var(--lh-relaxed)}.platforms__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.platform-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-normal)}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--error);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.platform-card:hover{border-color:#fca5a5;box-shadow:0 8px 24px #ef44441a}.platform-card:hover:before{transform:scaleX(1)}.platform-card__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--fw-black);color:var(--charcoal);margin-bottom:var(--space-1);letter-spacing:var(--ls-tight)}.platform-card__type{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--gray-400);letter-spacing:var(--ls-wide);text-transform:uppercase;margin-bottom:var(--space-4)}.platform-pains{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.platform-pains li{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-700);line-height:var(--lh-relaxed)}.platform-pains li:before{content:"";width:16px;height:16px;border-radius:50%;background:#fee2e2;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:9px}.platform-tag{display:inline-flex;align-items:center;gap:var(--space-1);background:#fee2e2;color:var(--error);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-bold)}@media(max-width:1024px){.platforms__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.platforms__grid{grid-template-columns:1fr}}.why-wp{background:var(--white)}.why-wp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.why-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden;position:relative;transition:all var(--transition-normal)}.why-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--yellow);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow)}.why-card:hover{border-color:var(--yellow);background:var(--white);box-shadow:var(--shadow-md)}.why-card:hover:after{transform:scaleX(1)}.why-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--navy-10);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--navy)}.why-card__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--charcoal);margin-bottom:var(--space-2)}.why-card__desc{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--lh-relaxed)}.why-card__stat{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--navy);background:var(--navy-10);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:inline-block}@media(max-width:768px){.why-wp__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.why-wp__grid{grid-template-columns:1fr}}.migrate-items{background:var(--navy)}.migrate-items .ds-eyebrow:before{background:var(--yellow)}.migrate-items .section-header .ds-eyebrow{color:var(--yellow)}.migrate-items .section-header .ds-h2{color:var(--white)}.migrate-items .section-header .sub{color:#fff9}.migrate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.migrate-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal)}.migrate-card:hover{background:#ffffff1a;border-color:#ffd30059}.migrate-card__icon{width:40px;height:40px;border-radius:var(--radius-md);background:#ffd30026;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-3);color:var(--yellow)}.migrate-card__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--white);margin-bottom:var(--space-1)}.migrate-card__desc{font-size:var(--text-sm);color:#ffffff8c;line-height:var(--lh-relaxed)}@media(max-width:768px){.migrate-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.migrate-grid{grid-template-columns:1fr}}.comparison{background:var(--gray-50)}.comparison__wrap{max-width:900px;margin:0 auto;overflow-x:auto}.cmp-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cmp-table th{padding:var(--space-4);text-align:left;font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-base)}.cmp-table th:first-child{width:35%;background:var(--gray-100);border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--gray-500)}.cmp-table th.col-before{background:#fee2e2;color:var(--error);text-align:center;border-radius:var(--radius-lg) 0 0 0}.cmp-table th.col-after{background:var(--navy);color:var(--white);text-align:center;border-radius:0 var(--radius-lg) 0 0}.cmp-table td{padding:var(--space-4);border-bottom:1px solid var(--gray-200);vertical-align:middle}.cmp-table td:first-child{background:var(--gray-50);font-weight:var(--fw-semibold);color:var(--gray-700)}.cmp-table td.col-before{background:#fff5f5;text-align:center;color:var(--gray-500)}.cmp-table td.col-after{background:#eff6ff;text-align:center}.cmp-table tr:last-child td{border-bottom:none}.cmp-table tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg)}.cmp-table tr:last-child td.col-after{border-radius:0 0 var(--radius-lg) 0}.check-yes{color:var(--success);font-size:18px;font-weight:var(--fw-bold)}.check-no{color:var(--error);font-size:18px;font-weight:var(--fw-bold)}.tag-wp{display:inline-block;background:var(--yellow);color:var(--navy);font-size:11px;font-weight:var(--fw-bold);padding:2px 8px;border-radius:var(--radius-full)}.process{background:var(--white)}.process__steps{position:relative;display:flex;flex-direction:column;gap:0;max-width:780px;margin:0 auto}.process__steps:before{content:"";position:absolute;left:27px;top:56px;bottom:28px;width:2px;background:linear-gradient(to bottom,var(--navy) 0%,var(--yellow) 100%);border-radius:2px}.step{display:flex;gap:var(--space-6);align-items:flex-start;padding:var(--space-6) 0;position:relative}.step__num{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--white);font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--fw-black);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;box-shadow:0 0 0 4px var(--white),0 0 0 6px var(--navy-10);transition:background var(--transition-normal),transform var(--transition-normal)}.step:hover .step__num{background:var(--yellow);color:var(--navy);transform:scale(1.08)}.step__content{padding-top:var(--space-3);flex:1}.step__badge{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--navy);margin-bottom:var(--space-2);display:inline-block}.step__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--charcoal);margin-bottom:var(--space-2)}.step__desc{font-size:var(--text-sm);color:var(--gray-500);line-height:var(--lh-relaxed);max-width:560px}.step__highlight{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:var(--space-2);background:var(--yellow-10);border:1px solid var(--yellow-20);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--navy)}@media(max-width:640px){.process__steps:before{display:none}}.pricing{background:var(--gray-50)}.pricing__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:960px;margin:0 auto}.pricing-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column}.pricing-card:hover{border-color:var(--navy);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.pricing-card.featured{border-color:var(--navy);box-shadow:var(--shadow-xl);transform:translateY(-6px);position:relative}.pricing-card.featured:before{content:"Phổ biến nhất";position:absolute;top:-1px;left:50%;transform:translate(-50%);background:var(--yellow);color:var(--navy);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide);padding:var(--space-1) var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md)}.pricing-card.enterprise{border-color:var(--charcoal)}.pricing-card.enterprise .pricing-card__head{background:var(--charcoal)}.pricing-card.enterprise .pricing-card__tier{color:#ffffff73}.pricing-card.enterprise .pricing-card__name{color:var(--white)}.pricing-card.enterprise .pricing-card__amount{color:var(--yellow)}.pricing-card.enterprise .pricing-card__currency{color:#ffffff73}.pricing-card.enterprise .pricing-card__scope{color:#ffffff8c}.pricing-card.enterprise .pricing-card__original{color:#ffffff4d}.pricing-card.enterprise:hover{border-color:var(--charcoal)}.pricing-card__head{padding:1.75rem var(--space-6) var(--space-5);border-bottom:1px solid var(--gray-100)}.featured .pricing-card__head{background:var(--navy)}.pricing-card__tier{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--gray-400);margin-bottom:var(--space-2)}.featured .pricing-card__tier{color:#ffffff80}.pricing-card__name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--charcoal);margin-bottom:var(--space-4);letter-spacing:var(--ls-tight)}.featured .pricing-card__name{color:var(--white)}.pricing-card__price{display:flex;align-items:baseline;gap:var(--space-1);margin-bottom:var(--space-2)}.pricing-card__amount{font-family:var(--font-heading);font-size:2.5rem;font-weight:var(--fw-black);color:var(--navy);line-height:1;letter-spacing:var(--ls-tight)}.featured .pricing-card__amount{color:var(--yellow)}.pricing-card__currency{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--gray-400)}.featured .pricing-card__currency{color:#ffffff80}.pricing-card__scope{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:0}.featured .pricing-card__scope{color:#fff9}.pricing-card__original{font-size:var(--text-sm);color:var(--gray-400);text-decoration:line-through;margin-left:var(--space-1);align-self:center}.featured .pricing-card__original{color:#ffffff59}.pricing-card__body{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6);flex:1}.pricing-features li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-700);line-height:var(--lh-relaxed)}.pricing-features li svg{color:var(--success);flex-shrink:0;margin-top:1px}.pricing-features li.muted{color:var(--gray-400)}.pricing-features li.muted svg{color:var(--gray-300)}.pricing-card__cta{display:block;text-align:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--fw-semibold);font-size:var(--text-base);text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.pricing-card__cta-outline{background:transparent;color:var(--navy);border:2px solid var(--navy)}.pricing-card__cta-outline:hover{background:var(--navy);color:var(--white)}.pricing-card__cta-fill{background:var(--yellow);color:var(--navy)}.pricing-card__cta-fill:hover{background:var(--yellow-dark);box-shadow:var(--shadow-yellow)}.pricing-card__note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--gray-400);text-align:center}@media(max-width:640px){.pricing__grid{grid-template-columns:1fr;max-width:420px}.pricing-card.featured{transform:none}}.reviews{background:var(--white)}.reviews__header{text-align:center;margin-bottom:var(--space-12)}.reviews__badge{display:inline-flex;align-items:center;gap:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);margin-top:var(--space-4)}.reviews__badge-stars{color:#fbbc04;font-size:20px;letter-spacing:2px}.reviews__badge-score{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--fw-black);color:var(--charcoal)}.reviews__badge-meta{text-align:left}.reviews__badge-label{font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--gray-500)}.reviews__badge-src{font-size:11px;color:var(--gray-400)}.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);max-width:1000px;margin:0 auto}.rev{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.rev__stars{color:#fbbc04;font-size:14px;letter-spacing:1px}.rev__text{font-size:var(--text-sm);color:var(--gray-700);line-height:var(--lh-relaxed);flex:1;font-style:italic}.rev__author{display:flex;align-items:center;gap:var(--space-3)}.rev__avatar{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--white);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.rev__name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--charcoal)}.rev__verified{font-size:11px;color:var(--gray-400)}.reviews__cta{text-align:center;margin-top:var(--space-8)}.reviews__cta a{color:var(--navy);font-size:var(--text-sm);font-weight:var(--fw-bold);text-decoration:none}.reviews__cta a:hover{text-decoration:underline}@media(max-width:768px){.reviews__grid{grid-template-columns:1fr;max-width:400px}}.faq{background:var(--gray-50)}.faq__header{text-align:center;margin-bottom:var(--space-12)}.faq__list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.faq-item__q{width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);text-align:left;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--charcoal);transition:background var(--transition-fast)}.faq-item__q:hover{background:var(--gray-50)}.faq-item.open .faq-item__q{background:var(--white);color:var(--navy)}.faq-item__chevron{width:20px;height:20px;flex-shrink:0;color:var(--gray-400);transition:transform var(--transition-normal)}.faq-item.open .faq-item__chevron{transform:rotate(180deg);color:var(--navy)}.faq-item__a{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-item.open .faq-item__a{max-height:400px}.faq-item__a-inner{padding:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--gray-500);line-height:var(--lh-relaxed)}.faq-item__a-inner strong{color:var(--charcoal);font-weight:var(--fw-semibold)}.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-200);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:99;box-shadow:0 -4px 16px #00000014}.mobile-cta__inner{display:flex;gap:var(--space-3)}.mobile-cta .ds-btn{flex:1;justify-content:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}@media(max-width:768px){.mobile-cta{display:block}}