:root{--navy-950:#06204a;--navy-900:#082a60;--navy-800:#0b3678;--blue-700:#0e63d6;--blue-600:#1177ef;--orange-600:#f36b22;--orange-500:#ff7a2f;--green-600:#0f9d67;--ink:#10213f;--muted:#5d6c85;--line:#dbe4f0;--soft:#f4f7fb;--white:#fff;--shadow:0 18px 48px rgba(8,42,96,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-size:16px;line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(219,228,240,.9);backdrop-filter:blur(14px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:235px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d4e1ef;border-radius:8px;background:linear-gradient(145deg,#fff,#edf5ff)}.brand-mark svg{width:30px;height:30px}.brand-name{display:grid;gap:1px}.brand-name strong{color:var(--navy-900);font-size:17px;line-height:1.1;text-transform:uppercase}.brand-name span{color:var(--muted);font-size:12px;line-height:1.25}.nav-links{display:flex;align-items:center;gap:24px;color:#273d63;font-weight:700;font-size:14px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:8px;padding:11px 18px;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn svg{width:18px;height:18px;flex:0 0 auto}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--blue-600),#0759c8);box-shadow:0 10px 24px rgba(17,119,239,.28)}.btn-primary:hover{box-shadow:0 14px 28px rgba(17,119,239,.34)}.btn-orange{color:#fff;background:linear-gradient(180deg,var(--orange-500),var(--orange-600));box-shadow:0 10px 24px rgba(243,107,34,.24)}.btn-outline{color:var(--navy-900);background:#fff;border-color:#b9cbe2}.btn-phone{color:var(--green-600);background:#fff;border-color:rgba(15,157,103,.42)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(243,107,34,.1),transparent 28%),linear-gradient(90deg,#fff 0%,#f7fbff 49%,#eef4fb 100%);border-bottom:1px solid var(--line)}.hero .shell{min-height:640px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(340px,.72fr);gap:34px;align-items:center;padding:42px 0 46px}.hero-copy{position:relative;z-index:2}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);background:#eaf3ff;border:1px solid #cfe3fb;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}.hero h1{max-width:680px;margin:16px 0 16px;color:var(--navy-950);font-size:56px;line-height:1.04;letter-spacing:0}.hero h1 span{color:var(--orange-600)}.lead{max-width:610px;margin:0 0 22px;color:#354765;font-size:20px;line-height:1.55;font-weight:600}.hero-bullets{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.check{display:flex;align-items:flex-start;gap:10px;color:#203555;font-weight:700}.check svg{width:20px;height:20px;margin-top:2px;flex:0 0 auto;color:var(--green-600)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 18px}.proof-line{display:flex;flex-wrap:wrap;gap:10px 18px;color:#61708a;font-size:14px;font-weight:700}.hero-media{position:absolute;inset:0 0 0 38%;z-index:1;opacity:.95;pointer-events:none}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.82) 20%,rgba(255,255,255,.12) 54%,rgba(255,255,255,.82) 100%)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.quote-card{position:relative;z-index:3;background:rgba(255,255,255,.96);border:1px solid #d8e3ef;border-radius:8px;box-shadow:var(--shadow);padding:24px}.quote-card h2{margin:0 0 6px;color:var(--navy-950);font-size:24px;line-height:1.25}.quote-card p{margin:0 0 18px;color:var(--muted);font-weight:650}.field{display:grid;gap:7px;margin-bottom:12px}.field label{color:#273d63;font-size:13px;font-weight:800}.input-wrap{position:relative}.input-wrap svg{position:absolute;top:50%;left:14px;width:18px;height:18px;transform:translateY(-50%);color:#7e8da6}input,select{width:100%;min-height:48px;border:1px solid #cfdceb;border-radius:8px;background:#fff;color:#172848;padding:12px 14px 12px 44px;outline:none}input:focus,select:focus{border-color:var(--blue-600);box-shadow:0 0 0 4px rgba(17,119,239,.12)}.quote-card .btn{width:100%;margin-top:8px}.small-note{margin:12px 0 0;color:#66748b;font-size:13px;text-align:center}.small-note a{color:var(--blue-700);font-weight:850}.trust-band{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{min-height:108px;display:flex;align-items:center;gap:14px;padding:22px 20px;border-right:1px solid var(--line)}.trust-item:last-child{border-right:0}.icon-box{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:var(--navy-800);background:#eff6ff;border:1px solid #d8e8fb;border-radius:8px}.icon-box svg{width:23px;height:23px}.trust-item strong{display:block;color:var(--navy-950);font-size:15px;line-height:1.3}.trust-item span{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:3px}main section{padding:56px 0}.section-head{max-width:780px;margin:0 auto 26px;text-align:center}.section-head h2{margin:0 0 8px;color:var(--navy-950);font-size:32px;line-height:1.22}.section-head p{margin:0;color:var(--muted);font-weight:650}.pain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pain-card,.plain-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 8px 28px rgba(8,42,96,.05)}.pain-number{color:var(--orange-600);font-size:22px;font-weight:900;line-height:1}.pain-card h3,.plain-card h3{margin:12px 0 8px;color:var(--navy-900);font-size:18px;line-height:1.28}.pain-card p,.plain-card p{margin:0;color:var(--muted);font-size:15px}.legal-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:stretch}.law-panel{color:#fff;background:linear-gradient(135deg,rgba(6,32,74,.96),rgba(11,54,120,.96)),radial-gradient(circle at 85% 18%,rgba(255,122,47,.2),transparent 32%);border-radius:8px;padding:28px;overflow:hidden}.law-panel h2,.law-panel h3{margin:0 0 18px;font-size:26px;line-height:1.2}.law-panel .check{color:#edf5ff;font-weight:650}.law-panel .check svg{color:var(--orange-500)}.audience-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}.audience-card h2{margin:0 0 16px;color:var(--navy-950);font-size:26px;line-height:1.2}.audience-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.split-band{padding:0;background:linear-gradient(180deg,#fff,#f6f9fd)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:28px;align-items:center;padding:48px 0}.split-copy h2{margin:0 0 14px;color:var(--navy-950);font-size:34px;line-height:1.2}.split-copy p{color:var(--muted);font-weight:650;margin:0 0 20px}.split-copy .hero-bullets{margin-bottom:22px}.doc-image{border-radius:8px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;background:#fff}.doc-image img{width:100%;aspect-ratio:16/10;object-fit:cover}.process{background:#f7fafc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;min-height:192px}.process-card .step{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--orange-600);border-radius:8px;font-weight:900}.process-card h3{margin:16px 0 8px;color:var(--navy-900);font-size:18px;line-height:1.25}.process-card p{margin:0;color:var(--muted);font-size:15px}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-card{display:flex;gap:14px;align-items:flex-start;min-height:118px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px}.cta-panel{color:#fff;background:linear-gradient(135deg,var(--navy-950),var(--navy-800) 64%,#102f5f);border-radius:8px;padding:30px}.cta-panel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.75fr);gap:24px;align-items:center}.cta-panel h2{margin:0 0 10px;font-size:30px;line-height:1.2}.cta-panel p{margin:0 0 18px;color:#dbe8fb;font-weight:650}.cost-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cost-factor{display:flex;gap:12px;color:#eef6ff;border-left:1px solid rgba(255,255,255,.24);padding-left:14px}.cost-factor strong{display:block;color:#fff}.cost-factor span{display:block;color:#c7d6ec;font-size:14px}.white-cta{background:#fff;color:var(--ink);border-radius:8px;padding:22px;text-align:center}.white-cta h3{margin:0 0 6px;color:var(--navy-950);font-size:22px}.white-cta p{margin:0 0 16px;color:var(--muted)}.faq-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:20px;align-items:start}.faq-list{display:grid;gap:10px}details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0}summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;padding:16px 18px;color:var(--navy-900);font-weight:850;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--blue-700);font-size:22px;line-height:1}details[open] summary:after{content:"-"}details p{margin:0;padding:0 18px 18px;color:var(--muted)}.quick-check{background:linear-gradient(135deg,#eef6ff,#fff);border:1px solid var(--line);border-radius:8px;padding:24px}.quick-check h2{margin:0 0 10px;color:var(--navy-950);font-size:26px;line-height:1.2}.quick-check p{color:var(--muted);margin:0 0 18px;font-weight:650}.privacy-note{margin-top:14px;border-top:1px solid var(--line);padding-top:14px;color:#6a7891;font-size:13px}footer{color:#d9e7f8;background:var(--navy-950);padding:30px 0 96px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px}footer h2,footer h3{color:#fff;margin:0 0 10px;font-size:17px;line-height:1.3}footer p,footer li{margin:0;color:#c0d0e6;font-size:14px}footer ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(8,42,96,.14)}.mobile-cta .btn{flex:1 1 0;min-width:0;padding-left:10px;padding-right:10px}.toast{position:fixed;right:18px;bottom:18px;z-index:60;max-width:360px;color:#fff;background:var(--navy-900);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:14px 16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px);transition:transform .22s ease,opacity .22s ease,visibility .22s ease}.toast.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}@media (max-width:1040px){.nav-links{display:none}.hero .shell{grid-template-columns:1fr;min-height:0}.hero-media{inset:0;opacity:.22}.hero-media:after{background:rgba(255,255,255,.74)}.quote-card{max-width:620px}.trust-grid,.pain-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-item:nth-child(2){border-right:0}.legal-grid,.split,.cta-panel-grid,.faq-wrap{grid-template-columns:1fr}}@media (max-width:760px){.shell{width:min(100% - 28px,1180px)}.nav{min-height:66px}.brand{min-width:0}.brand-name span{display:none}.nav-actions .btn-phone,.nav-actions .btn-orange{display:none}.hero .shell{padding:30px 0 34px}.hero h1{font-size:38px}.lead{font-size:17px}.hero-actions .btn{width:100%}.quote-card{padding:20px}.trust-grid,.pain-grid,.process-grid,.mini-grid,.footer-grid,.cost-factors{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}main section{padding:42px 0}.section-head h2,.split-copy h2,.cta-panel h2{font-size:28px}.cta-panel{padding:22px}.mobile-cta{display:flex}.toast{left:14px;right:14px;bottom:74px}}
@media (max-width:760px){.shell{width:min(1180px,calc(100% - 28px))}.btn{min-width:0;white-space:normal;text-align:center;line-height:1.25}.hero h1{font-size:34px;line-height:1.08}.hero-actions .btn{width:100%;min-width:0}.proof-line{display:grid;grid-template-columns:1fr;gap:8px}.mobile-cta .btn,.nav-actions .btn-primary{white-space:nowrap}.hero-copy,.quote-card{min-width:0}}

.handover-section{background:#fff;padding-top:10px}.handover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.handover-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 8px 28px rgba(8,42,96,.05);min-height:172px}.handover-card h3{margin:0 0 8px;color:var(--navy-900);font-size:18px;line-height:1.25}.handover-card p{margin:0;color:var(--muted);font-size:15px}.handover-note{margin-top:14px;padding:15px 18px;border:1px solid #cfe3fb;border-radius:8px;background:#f2f8ff;color:#263d63;font-weight:650}.handover-note strong{color:var(--navy-900)}@media (max-width:1040px){.handover-grid{grid-template-columns:1fr}.handover-card{min-height:0}}@media (max-width:760px){.handover-section{padding-top:0}.handover-card{padding:18px}.handover-note{font-size:14px}}


/* === FIX PACK 2026-07-03: UX/UI, mobile, proof blocks, footer === */
.brand-name strong{white-space:nowrap}.section-head-left{text-align:left;margin-left:0}.field-help{display:block;color:#6a7891;font-size:12px;line-height:1.35;margin-top:-3px}.video-proof{background:linear-gradient(180deg,#f7fafc,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:30px;align-items:center}.video-copy h2{margin:14px 0 12px;color:var(--navy-950);font-size:34px;line-height:1.18}.video-copy p{margin:0 0 18px;color:var(--muted);font-weight:650}.video-frame{aspect-ratio:9/16;max-height:520px;border-radius:18px;background:linear-gradient(145deg,var(--navy-950),var(--navy-800));color:#fff;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;padding:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16)}.video-frame:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18);border-radius:14px}.video-frame strong{position:relative;z-index:1;font-size:28px;line-height:1}.video-frame span{position:relative;z-index:1;color:#d9e7f8;font-weight:700}.play-dot{position:relative;z-index:1;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:rgba(255,122,47,.95);box-shadow:0 14px 34px rgba(0,0,0,.24);font-size:28px;text-indent:4px}.social-proof{background:#fff}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.proof-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 8px 28px rgba(8,42,96,.05)}.proof-card strong{display:block;color:var(--navy-900);font-size:18px;line-height:1.3;margin-bottom:8px}.proof-card span{display:block;color:var(--muted);font-size:15px}.site-footer{padding:0 0 96px}.footer-cta{background:linear-gradient(135deg,var(--navy-800),var(--navy-950));border-bottom:1px solid rgba(255,255,255,.12);padding:26px 0}.footer-cta-grid{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-cta h2{font-size:24px;margin:0 0 5px}.footer-cta p{margin:0;color:#d9e7f8}.footer-grid-5{grid-template-columns:1.45fr repeat(4,1fr);padding-top:30px}.site-footer a{text-decoration:underline;text-underline-offset:3px}@media (max-width:1040px){.video-grid{grid-template-columns:1fr}.video-frame{max-width:340px;margin:0 auto}.footer-cta-grid{align-items:flex-start;flex-direction:column}.footer-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-grid{grid-template-columns:1fr}}@media (max-width:760px){body{padding-bottom:72px}.brand-name strong{font-size:15px}.nav{gap:12px}.nav-actions{gap:0}.nav-actions .btn-primary{padding-left:14px;padding-right:14px}.video-copy h2{font-size:28px}.video-frame{max-height:430px}.footer-grid-5{grid-template-columns:1fr}.footer-cta .btn{width:100%}.site-footer{padding-bottom:110px}}

.video-proof .text-check::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-top:2px;flex:0 0 auto;color:var(--green-600);font-weight:900}

/* Fix cân đối block hồ sơ Nhóm 4: giảm khoảng trắng, cân chiều cao 2 cột trên desktop */
@media (min-width:1041px){
  .split-band{padding:58px 0;background:linear-gradient(180deg,#fff 0%,#f6f9fd 100%)}
  .split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:stretch;padding:0}
  .split-copy{display:flex;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 34px rgba(8,42,96,.08);padding:34px;min-height:430px}
  .split-copy h2{font-size:31px;line-height:1.18;margin-bottom:12px;max-width:560px}
  .split-copy p{max-width:560px;margin-bottom:18px}
  .split-copy .hero-bullets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-bottom:22px}
  .split-copy .check{font-size:15.5px;line-height:1.45}
  .split-copy .btn{align-self:flex-start;margin-top:auto}
  .doc-image{height:100%;min-height:430px;margin:0;border-radius:8px}
  .doc-image img{height:100%;min-height:430px;aspect-ratio:auto;object-fit:cover;object-position:center}
}
@media (max-width:1040px){
  .split-band{padding:44px 0}
  .split{padding:0;align-items:start}
  .split-copy{padding:0;background:transparent;border:0;box-shadow:none;min-height:0}
  .split-copy .hero-bullets{grid-template-columns:1fr}
  .split-copy .btn{margin-top:0}
  .doc-image{height:auto;min-height:0;margin:0}
  .doc-image img{height:auto;min-height:0;aspect-ratio:16/10;object-fit:cover}
}


/* === PREMIUM B2B CORPORATE STYLE v3 ===
   Mục tiêu: lịch sự hơn, sang hơn, ít “đơn điệu card trắng” hơn nhưng vẫn giữ CRO rõ ràng. */
:root{
  --gold-500:#c99a4a;
  --gold-600:#b6812f;
  --paper:#fbf7ef;
  --paper-2:#f7f1e6;
  --premium-line:#eadfce;
  --radius-lg:18px;
  --radius-xl:24px;
  --shadow-premium:0 24px 70px rgba(6,32,74,.14);
  --shadow-soft:0 14px 40px rgba(6,32,74,.08);
}
body{background:linear-gradient(180deg,#fbf8f1 0%,#ffffff 36%,#f7fafc 100%);color:#14233d;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.shell{width:min(1200px,calc(100% - 48px))}.topbar{background:rgba(5,24,56,.94);border-bottom:1px solid rgba(201,154,74,.22);box-shadow:0 14px 40px rgba(6,32,74,.16);backdrop-filter:blur(16px)}.brand-mark{border-color:rgba(201,154,74,.38);background:linear-gradient(145deg,#fff7e6,#e8f1ff);border-radius:14px}.brand-name strong{color:#fff;letter-spacing:.02em}.brand-name span,.nav-links{color:#d9e4f4}.nav-links a{position:relative;opacity:.9}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:linear-gradient(90deg,var(--gold-500),transparent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-links a:hover:after{transform:scaleX(1)}.topbar .btn{border-radius:999px}.topbar .btn-phone{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}.topbar .btn-primary{background:linear-gradient(180deg,#1683f4,#0b63d6);box-shadow:0 10px 28px rgba(10,92,206,.28)}.topbar .btn-orange{background:linear-gradient(180deg,#d7a352,#b97b2a);box-shadow:0 12px 28px rgba(201,154,74,.22)}.btn{border-radius:999px;letter-spacing:.005em}.btn-primary{background:linear-gradient(180deg,#0f72d7,#084fbc);box-shadow:0 14px 30px rgba(8,79,188,.24)}.btn-orange{background:linear-gradient(180deg,#d99545,#bc6f28);box-shadow:0 14px 30px rgba(188,111,40,.24)}.btn-outline,.btn-phone{border-color:#d7c7af;background:#fffdf9}.hero{background:radial-gradient(circle at 7% 0%,rgba(201,154,74,.18),transparent 30%),linear-gradient(115deg,#fbf7ef 0%,#fff 46%,#edf4fb 100%);border-bottom:1px solid var(--premium-line)}.hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(180deg,var(--gold-500),var(--navy-800))}.hero .shell{min-height:690px;grid-template-columns:minmax(0,1.04fr) minmax(350px,.76fr);gap:42px;padding:56px 0 58px}.hero-media{inset:0 0 0 42%;filter:saturate(.92) contrast(1.02)}.hero-media:after{background:linear-gradient(90deg,#fbf7ef 0%,rgba(251,247,239,.9) 23%,rgba(255,255,255,.08) 58%,rgba(6,32,74,.2) 100%)}.hero-copy{background:rgba(255,255,255,.72);border:1px solid rgba(234,223,206,.9);border-radius:var(--radius-xl);box-shadow:0 18px 60px rgba(6,32,74,.09);padding:38px;backdrop-filter:blur(9px)}.kicker{color:#153963;background:#fff7e8;border-color:#ead7b6;border-radius:999px;box-shadow:0 8px 22px rgba(201,154,74,.08)}.hero h1{font-size:58px;letter-spacing:-.035em}.hero h1 span{color:#b86f28}.lead{color:#31435f}.check{color:#1c3150}.check svg{color:#1a8a66}.proof-line span{padding:6px 10px;border:1px solid #eadfce;border-radius:999px;background:rgba(255,255,255,.7);color:#56657a}.quote-card{border-radius:var(--radius-xl);border:1px solid rgba(234,223,206,.95);box-shadow:var(--shadow-premium);padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,252,246,.97));overflow:hidden}.quote-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--gold-500),var(--orange-500),var(--navy-800))}.quote-card h2{letter-spacing:-.02em}.field label{color:#213958}.input-wrap svg{color:#a78a5c}input,select{border-radius:14px;border-color:#dfd2bf;background:#fffdf9}input:focus,select:focus{border-color:var(--gold-500);box-shadow:0 0 0 4px rgba(201,154,74,.16)}.trust-band{background:#fffdf8;border-bottom:1px solid var(--premium-line)}.trust-grid{border:1px solid var(--premium-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transform:translateY(-20px);background:#fff;overflow:hidden}.trust-item{border-color:var(--premium-line)}.icon-box{border-radius:14px;background:linear-gradient(145deg,#fff7e8,#eef6ff);border-color:#ead8b8;color:#174778}.section-head{margin-bottom:32px}.section-head h2,.split-copy h2,.cta-panel h2,.video-copy h2{letter-spacing:-.025em}.section-head h2{font-size:35px}.pain-card,.plain-card,.audience-card,.process-card,.mini-card,.handover-card,.proof-card,details,.quick-check,.white-cta{border-radius:var(--radius-lg);border-color:var(--premium-line);box-shadow:var(--shadow-soft)}.pain-card,.plain-card,.process-card,.mini-card,.handover-card,.proof-card{background:linear-gradient(180deg,#fff,#fffaf3)}.pain-number,.process-card .step{color:#fff;background:linear-gradient(180deg,#d99b45,#b66f27);border-radius:13px}.pain-number{width:46px;height:46px;display:grid;place-items:center;font-size:19px}.law-panel,.cta-panel{border-radius:var(--radius-xl);background:radial-gradient(circle at 84% 16%,rgba(201,154,74,.28),transparent 32%),linear-gradient(135deg,#061a3d,#0a2d63 66%,#061a3d);box-shadow:var(--shadow-premium)}.law-panel .check svg{color:#f3c16f}.audience-card{background:#fff}.split-band{background:linear-gradient(180deg,#fff 0%,#fbf7ef 100%)}.doc-image{border-radius:var(--radius-xl);border-color:var(--premium-line);box-shadow:var(--shadow-premium)}.process{background:linear-gradient(180deg,#f8f2e8,#f6f9fd);border-color:var(--premium-line)}.cta-panel{position:relative;overflow:hidden}.cta-panel:before{content:"";position:absolute;inset:18px;border:1px solid rgba(201,154,74,.22);border-radius:20px;pointer-events:none}.cta-panel>*{position:relative}.white-cta{background:linear-gradient(180deg,#fff,#fff8ec)}.video-proof{background:linear-gradient(180deg,#fbf7ef,#fff);border-color:var(--premium-line)}.video-frame{border-radius:28px;background:radial-gradient(circle at 50% 24%,rgba(201,154,74,.22),transparent 34%),linear-gradient(145deg,#061a3d,#0b3678);box-shadow:var(--shadow-premium)}.play-dot{background:linear-gradient(180deg,#d99b45,#b66f27)}.social-proof{background:#fffdf8}.faq-wrap{gap:28px}.quick-check{background:linear-gradient(180deg,#fffaf2,#eef6ff)}summary{padding:18px 20px}details p{padding:0 20px 20px}.footer-cta{background:radial-gradient(circle at 80% 0%,rgba(201,154,74,.22),transparent 30%),linear-gradient(135deg,#08224e,#061a3d);border-bottom:1px solid rgba(201,154,74,.22)}.site-footer,footer{background:#061a3d}.footer-grid-5{gap:30px}.site-footer a{color:#fff}.mobile-cta{background:rgba(255,253,248,.97);border-color:var(--premium-line)}
@media (min-width:1041px){.split-copy{border-radius:var(--radius-xl)!important;border-color:var(--premium-line)!important;box-shadow:var(--shadow-soft)!important;background:linear-gradient(180deg,#fff,#fffaf3)!important}.doc-image,.doc-image img{border-radius:var(--radius-xl)!important}.split{gap:30px!important}}
@media (max-width:1040px){.hero .shell{padding:38px 0 42px}.hero-copy{padding:28px}.hero-media{inset:0;opacity:.18}.hero-media:after{background:rgba(251,247,239,.82)}.trust-grid{transform:none;margin-top:0}.topbar .btn-phone{display:none}}
@media (max-width:760px){.shell{width:min(1180px,calc(100% - 30px))}.topbar{background:rgba(5,24,56,.98)}.hero:before{width:5px}.hero-copy{padding:22px;border-radius:20px}.hero h1{font-size:35px}.lead{font-size:17px}.quote-card{border-radius:20px}.proof-line span{border-radius:14px}.trust-grid{border-radius:18px}.section-head h2{font-size:29px}.pain-card,.plain-card,.audience-card,.process-card,.mini-card,.handover-card,.proof-card,details,.quick-check,.white-cta{border-radius:16px}.mobile-cta .btn{font-size:14px}}


/* === v4: Safety orange palette + 2 hồ sơ demo ===
   Phối lại từ vàng đồng sang cam bảo hộ/hi-vis: navy + safety orange + xanh an toàn. */
:root{
  --orange-600:#f37021;
  --orange-500:#ff8a1f;
  --safety-orange:#f37021;
  --safety-orange-dark:#c95512;
  --safety-amber:#ffb000;
  --green-600:#0b8f63;
  --gold-500:#f37021;
  --gold-600:#c95512;
  --paper:#fff7ed;
  --paper-2:#fff2df;
  --premium-line:#efd2b3;
}
.hero h1 span{color:var(--safety-orange-dark)!important}.hero:before{background:linear-gradient(180deg,var(--safety-orange),var(--safety-amber),var(--navy-800))!important}.kicker{color:#153963;background:#fff3e6;border-color:#ffd0a8}.btn-orange,.topbar .btn-orange{background:linear-gradient(180deg,#ff8a1f,#f37021 58%,#c95512)!important;box-shadow:0 14px 30px rgba(243,112,33,.28)!important}.quote-card:before{background:linear-gradient(90deg,var(--safety-orange),var(--safety-amber),var(--navy-800))!important}.pain-number,.process-card .step,.play-dot{background:linear-gradient(180deg,#ff8a1f,#f37021 65%,#c95512)!important}.law-panel .check svg{color:#ffb000!important}.icon-box{background:linear-gradient(145deg,#fff3e6,#eef6ff)!important;border-color:#ffd0a8!important}.hero{background:radial-gradient(circle at 7% 0%,rgba(243,112,33,.16),transparent 30%),linear-gradient(115deg,#fff7ed 0%,#fff 46%,#edf4fb 100%)!important}.hero-media:after{background:linear-gradient(90deg,#fff7ed 0%,rgba(255,247,237,.9) 23%,rgba(255,255,255,.08) 58%,rgba(6,32,74,.2) 100%)!important}.quote-card,input,select,.btn-outline,.btn-phone{background:#fffdf9}.proof-line span{border-color:#efd2b3}.trust-band,.social-proof{background:#fffaf4}.process{background:linear-gradient(180deg,#fff3e6,#f6f9fd)!important}.footer-cta{background:radial-gradient(circle at 80% 0%,rgba(243,112,33,.22),transparent 30%),linear-gradient(135deg,#08224e,#061a3d)!important}

.handover-section{background:linear-gradient(180deg,#fff,#fff7ed);padding-top:28px}.handover-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}.handover-content{display:flex;gap:14px;align-items:flex-start;padding:0 4px 4px}.handover-note{border-color:#ffd0a8;background:#fff3e6}
@media (max-width:1040px){.handover-grid-2{grid-template-columns:1fr!important}.handover-content{padding:0}}
@media (max-width:760px){.handover-section{padding-top:10px}}

/* === v5: Icon clarity + Vietnamese-safe typography ===
   Làm icon trong cụm chi phí rõ hơn trên nền navy và dùng font stack an toàn cho tiếng Việt. */
:root{
  --font-sans: Arial, Roboto, "Segoe UI", "Helvetica Neue", Helvetica, sans-serif;
}
html,body,button,input,select,textarea{
  font-family:var(--font-sans)!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,h4,strong,.btn,.kicker,.brand-name strong{
  text-wrap:balance;
  letter-spacing:-.012em!important;
}
p,li,span,label,input,select,textarea,summary{
  letter-spacing:0!important;
}
.hero h1{
  letter-spacing:-.018em!important;
  line-height:1.08!important;
}
.icon-box svg{
  opacity:1!important;
}
.icon-box svg path{
  stroke-width:2.35px!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cta-panel .cost-factor{
  gap:16px!important;
  align-items:flex-start!important;
  border-left:1px solid rgba(255,255,255,.22)!important;
}
.cta-panel .cost-factor .icon-box{
  width:50px!important;
  height:50px!important;
  border-radius:16px!important;
  color:#ffffff!important;
  background:linear-gradient(180deg,#ff8a1f 0%,#f37021 58%,#c95512 100%)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.22),0 0 0 4px rgba(255,138,31,.12)!important;
}
.cta-panel .cost-factor .icon-box svg{
  width:27px!important;
  height:27px!important;
  color:#fff!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));
}
.cta-panel .cost-factor .icon-box svg path{
  stroke-width:2.75px!important;
}
.cta-panel .cost-factor strong{
  font-size:18px!important;
  line-height:1.25!important;
}
.cta-panel .cost-factor span{
  font-size:15.5px!important;
  line-height:1.55!important;
  color:#dceaff!important;
}
@media (max-width:760px){
  h1,h2,h3,h4,strong,.btn,.kicker,.brand-name strong{letter-spacing:-.006em!important}
  .hero h1{letter-spacing:-.01em!important;line-height:1.12!important}
  .cta-panel .cost-factor{border-left:0!important;padding-left:0!important}
  .cta-panel .cost-factor .icon-box{width:46px!important;height:46px!important;border-radius:14px!important}
}


/* v7: Bỏ ảnh demo trong 2 card hồ sơ, giữ card chữ + icon gọn và cân đối */
.handover-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px}
.handover-grid-2 .handover-card{display:flex!important;align-items:flex-start;gap:16px;padding:26px 24px!important;min-height:170px!important;overflow:visible}
.handover-grid-2 .handover-content{display:flex;gap:16px;align-items:flex-start;padding:0!important}
.handover-grid-2 .handover-card h3{font-size:20px;margin-bottom:9px}
.handover-grid-2 .handover-card p{font-size:15.8px;line-height:1.68}
@media (max-width:1040px){.handover-grid-2{grid-template-columns:1fr!important}.handover-grid-2 .handover-card{min-height:0!important}}
@media (max-width:760px){.handover-grid-2 .handover-card{padding:20px!important}.handover-grid-2 .handover-card h3{font-size:18px}.handover-grid-2 .handover-card p{font-size:15px}}

/* === v8: friendlier mobile UX refinements === */
body{font-family:Arial,"Roboto","Segoe UI","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.section-head p,.lead,.quote-card p,.split-copy p,.video-copy p,.quick-check p{max-width:720px}
.btn{border-radius:10px}.quote-card,.pain-card,.handover-card,.mini-card,.proof-card,.quick-check,.white-cta,.doc-image{border-radius:14px}
input{font-size:16px}
@media (max-width:760px){
  .topbar{position:sticky}.shell{width:calc(100% - 24px)}
  .nav{min-height:62px;padding:8px 0}.brand-mark{width:40px;height:40px}.brand-name strong{font-size:14px;letter-spacing:0}.nav-actions .btn-primary{min-height:40px;padding:9px 12px;font-size:13px;border-radius:9px}
  .hero{background:linear-gradient(180deg,#fff 0%,#f7fbff 100%)}.hero-media{display:none}.hero .shell{padding:24px 0 30px;gap:18px}.kicker{font-size:12px;padding:6px 10px}.hero h1{font-size:31px;line-height:1.13;margin:14px 0 12px}.lead{font-size:16.5px;line-height:1.55;margin-bottom:18px}.check{font-size:15px;line-height:1.45;gap:9px}.check svg{width:18px;height:18px}
  .hero-actions{margin:20px 0 14px}.btn{width:100%;min-height:46px;padding:12px 14px;font-size:15px;white-space:normal}.proof-line span{background:#f3f7fc;border:1px solid #dce7f3;border-radius:10px;padding:9px 11px;color:#43546f}
  .quote-card{padding:18px;box-shadow:0 12px 32px rgba(8,42,96,.12)}.quote-card h2{font-size:23px}.field{gap:7px}.input-wrap{min-height:48px;border-radius:10px}.field-help,.small-note,.privacy-note{font-size:13px;line-height:1.45}
  main section{padding:34px 0}.section-head{margin-bottom:20px}.section-head h2,.split-copy h2,.video-copy h2,.cta-panel h2{font-size:25px;line-height:1.24}.section-head p{font-size:15.5px;line-height:1.55}
  .trust-band{padding:0}.trust-grid{border-radius:0;border-left:0;border-right:0}.trust-item{padding:16px 14px}.icon-box{width:42px;height:42px;border-radius:12px}.pain-card,.process-card,.mini-card,.handover-card,.proof-card{padding:17px}.legal-grid,.split{gap:18px}.split{padding:34px 0}.doc-image img{aspect-ratio:16/11}.handover-content{gap:12px}.process-card{min-height:0}.cta-panel{border-radius:14px;margin-left:-2px;margin-right:-2px}.cost-factor{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-left:0;padding-top:12px}.video-frame{max-width:300px;max-height:420px;border-radius:18px}.faq-wrap{gap:22px}summary{padding:15px 16px;font-size:15.5px}details p{padding:0 16px 16px;font-size:15px}.quick-check{padding:18px}.footer-cta h2{font-size:21px}.footer-grid-5{gap:18px}.mobile-cta{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.mobile-cta .btn{width:auto;font-size:14px;min-height:44px}.toast{bottom:76px}
}
@media (max-width:380px){.hero h1{font-size:28px}.brand-name strong{font-size:13px}.nav-actions .btn-primary{font-size:12px;padding-left:10px;padding-right:10px}.mobile-cta .btn{font-size:13px;padding-left:8px;padding-right:8px}}

/* v10: pain cards - number and title on one row for cleaner desktop/mobile layout */
.pain-card{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "num title"
    "text text";
  align-items:center;
  column-gap:14px;
  row-gap:12px;
}
.pain-card .pain-number{
  grid-area:num;
  margin:0;
  flex:0 0 auto;
}
.pain-card h3{
  grid-area:title;
  margin:0 !important;
  align-self:center;
}
.pain-card p{
  grid-area:text;
  margin:0;
}
@media (max-width:760px){
  .pain-card{
    column-gap:12px;
    row-gap:10px;
  }
  .pain-number{
    width:40px!important;
    height:40px!important;
    font-size:16px!important;
    border-radius:11px!important;
  }
  .pain-card h3{
    font-size:18px;
    line-height:1.25;
  }
}


/* v11: compact pain-card title row; number stays beside title and headings stay on one line on desktop */
.pain-card{
  grid-template-columns:44px minmax(0,1fr);
  column-gap:12px;
}
.pain-card h3{
  font-size:18px!important;
  line-height:1.2!important;
  white-space:nowrap;
}
.pain-card .pain-number{
  width:44px!important;
  height:44px!important;
  font-size:18px!important;
  border-radius:13px!important;
}
@media (max-width:760px){
  .pain-card h3{
    white-space:normal;
    font-size:17px!important;
  }
  .pain-card{
    grid-template-columns:40px minmax(0,1fr);
  }
}


/* v12: refined flow - pain -> audience -> support -> docs; legal moved lower */
.support-band{padding:54px 0;background:#fffaf4;border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}
.support-band .trust-grid{transform:none;margin-top:24px}
.support-band .section-head{margin-bottom:0}
.audience-section{background:#fff}
.audience-only{max-width:980px}
.audience-only .audience-card{padding:26px 30px}
.audience-only .audience-card h3{margin:0 0 16px;color:var(--navy-950);font-size:24px;line-height:1.22}
.legal-section{background:linear-gradient(180deg,#fff,#f7fafc);border-top:1px solid var(--premium-line);border-bottom:1px solid var(--premium-line)}
.legal-only{align-items:stretch}
.legal-note-card{display:flex;flex-direction:column;justify-content:center}
.legal-note-card h2{margin:0 0 12px;color:var(--navy-950);font-size:26px;line-height:1.25}
.legal-note-card p{margin:0;color:var(--muted);font-weight:650}
.license-badge{margin-top:20px;padding:14px 16px;border-radius:14px;background:#fff3e6;border:1px solid #ffd0a8;color:#723308;font-weight:850;line-height:1.45}
.law-panel .text-check{position:relative;padding-left:28px}
.law-panel .text-check:before{content:"✓";position:absolute;left:0;top:0;color:#ffb000;font-weight:900}
@media (max-width:920px){.support-band{padding:42px 0}.support-band .trust-grid{margin-top:18px}.audience-only .audience-card{padding:22px}.legal-note-card h2{font-size:23px}}
@media (max-width:640px){.support-band{padding:34px 0}.audience-only .audience-card h3{font-size:21px}.license-badge{font-size:14px}}

/* v13: solution cards explain the 4 pain points sequentially */
.solution-band{
  padding:56px 0;
  background:linear-gradient(180deg,#fffaf4 0%,#fff 100%);
  border-top:1px solid var(--premium-line);
  border-bottom:1px solid var(--premium-line);
}
.solution-band .section-head{margin-bottom:26px}
.solution-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.solution-card{
  background:linear-gradient(180deg,#fff,#fffaf3);
  border:1px solid var(--premium-line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  padding:22px;
  min-height:230px;
}
.solution-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
.solution-number{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#fff;
  font-weight:900;
  letter-spacing:.08em;
  border-radius:13px;
  background:linear-gradient(180deg,var(--orange-500),var(--orange-600));
  box-shadow:0 12px 24px rgba(243,107,34,.22);
}
.solution-card h3{
  margin:0;
  color:var(--navy-950);
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.015em;
}
.solution-card p{
  margin:0;
  color:#53627a;
  font-size:16px;
  line-height:1.65;
}
.solution-card strong{color:var(--navy-950)}
@media (max-width:1040px){.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-card{min-height:0}}
@media (max-width:640px){.solution-band{padding:36px 0}.solution-grid{grid-template-columns:1fr;gap:14px}.solution-card{padding:18px;border-radius:16px}.solution-head{align-items:flex-start}.solution-card h3{font-size:19px}.solution-card p{font-size:15.5px}}

/* === v16: Redesign only section "Phương Nam hỗ trợ doanh nghiệp" === */
.support-process-v16{
  padding:80px 0!important;
  background:#fbf7ef!important;
  border-top:1px solid rgba(255,122,26,.12)!important;
  border-bottom:1px solid rgba(255,122,26,.12)!important;
  overflow:hidden;
}
.support-process-v16 .support-process-shell{
  width:min(1440px,calc(100% - 64px));
  margin:0 auto;
}
.support-process-v16 .support-process-head{
  max-width:900px;
  margin:0 0 56px;
  text-align:left!important;
}
.support-process-v16 .support-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:7px 13px;
  border-radius:999px;
  border:1px solid rgba(255,122,26,.28);
  background:rgba(255,255,255,.72);
  color:#ff6b00;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.04em!important;
  margin-bottom:18px;
}
.support-process-v16 .support-badge svg{
  width:17px;
  height:17px;
  flex:0 0 auto;
}
.support-process-v16 .support-process-head h2{
  max-width:850px;
  margin:0;
  color:#071b3a;
  font-size:clamp(44px,4.2vw,54px);
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.025em!important;
  text-align:left!important;
}
.support-process-v16 .support-process-head h2 span{
  color:#ff6b00;
}
.support-process-v16 .support-process-head p{
  max-width:900px;
  margin:18px 0 0;
  color:#5f6b7a;
  font-size:18px;
  line-height:1.65;
  font-weight:650;
  text-align:left!important;
}
.support-process-v16 .support-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
  overflow:visible;
}
.support-process-v16 .support-timeline:before{
  content:"";
  position:absolute;
  left:56px;
  right:56px;
  top:6px;
  border-top:3px dotted rgba(255,122,26,.32);
  pointer-events:none;
  z-index:0;
}
.support-process-v16 .support-step-card{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  min-height:390px;
  padding:42px 30px 30px;
  border-radius:24px;
  border:1px solid rgba(255,122,26,.18);
  background:#fff;
  box-shadow:0 18px 46px rgba(7,27,58,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
  text-align:left!important;
  overflow:visible;
}
.support-process-v16 .support-step-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,122,26,.36);
  box-shadow:0 24px 58px rgba(7,27,58,.12);
}
.support-process-v16 .support-step-card:not(:last-child)::after{
  content:"›";
  position:absolute;
  top:-21px;
  right:-20px;
  width:26px;
  height:52px;
  display:grid;
  place-items:center;
  color:#ff6b00;
  background:#fbf7ef;
  font-size:50px;
  line-height:1;
  font-weight:900;
  text-shadow:0 2px 0 rgba(255,255,255,.7);
  z-index:4;
}
.support-process-v16 .step-number{
  position:absolute;
  top:-22px;
  left:28px;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ff7a1a,#ff6b00 70%,#d95a00);
  color:#fff;
  font-size:18px;
  font-weight:900;
  letter-spacing:.04em!important;
  box-shadow:0 14px 26px rgba(255,107,0,.28),0 0 0 8px #fbf7ef;
}
.support-process-v16 .step-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#071b3a;
  background:#fff7ed;
  border:1px solid rgba(255,122,26,.18);
  margin-bottom:20px;
}
.support-process-v16 .step-icon svg{
  width:28px;
  height:28px;
}
.support-process-v16 .support-step-card h3{
  margin:0 0 12px;
  color:#071b3a;
  font-size:23px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.018em!important;
  text-align:left!important;
}
.support-process-v16 .support-step-card>p{
  margin:0;
  color:#5f6b7a;
  font-size:16px;
  line-height:1.68;
  font-weight:600;
  text-align:left!important;
}
.support-process-v16 .step-result{
  display:flex;
  gap:10px;
  align-items:flex-start;
  min-height:72px;
  margin-top:auto;
  padding:14px 14px;
  border-radius:14px;
  background:#fff3e8;
  border:1px solid rgba(255,122,26,.12);
}
.support-process-v16 .result-check{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#ff6b00;
  color:#fff;
  font-size:14px;
  font-weight:900;
  line-height:1;
  margin-top:2px;
}
.support-process-v16 .step-result p{
  margin:0;
  color:#263852;
  font-size:15px;
  line-height:1.45;
  font-weight:650;
  text-align:left!important;
}
.support-process-v16 .step-result strong{
  color:#ff6b00;
  font-weight:900;
}
.support-process-v16 .support-cta-bar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  margin-top:34px;
  padding:24px 26px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(7,27,58,.10);
  box-shadow:0 18px 46px rgba(7,27,58,.08);
  text-align:left!important;
}
.support-process-v16 .support-cta-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#071b3a;
  color:#fff;
  box-shadow:0 12px 28px rgba(7,27,58,.18);
}
.support-process-v16 .support-cta-icon svg{
  width:29px;
  height:29px;
}
.support-process-v16 .support-cta-copy h3{
  margin:0 0 4px;
  color:#071b3a;
  font-size:23px;
  line-height:1.2;
  font-weight:900;
  text-align:left!important;
}
.support-process-v16 .support-cta-copy p{
  margin:0;
  max-width:680px;
  color:#5f6b7a;
  font-size:16px;
  line-height:1.55;
  font-weight:600;
  text-align:left!important;
}
.support-process-v16 .support-cta-actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
.support-process-v16 .support-cta-actions .btn-orange{
  background:linear-gradient(180deg,#ff7a1a,#ff6b00 70%,#d95a00)!important;
  color:#fff!important;
  border-color:transparent!important;
}
.support-process-v16 .support-cta-actions .btn-outline{
  color:#071b3a!important;
  border-color:rgba(7,27,58,.28)!important;
  background:#fff!important;
}
@media (max-width:1200px){
  .support-process-v16 .support-timeline{gap:22px}
  .support-process-v16 .support-step-card{padding:40px 24px 26px;min-height:410px}
  .support-process-v16 .support-step-card h3{font-size:21px}
}
@media (max-width:1040px){
  .support-process-v16{padding:68px 0!important}
  .support-process-v16 .support-process-shell{width:min(100% - 44px,1440px)}
  .support-process-v16 .support-process-head{margin-bottom:48px}
  .support-process-v16 .support-process-head h2{font-size:40px}
  .support-process-v16 .support-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}
  .support-process-v16 .support-timeline:before,
  .support-process-v16 .support-step-card::after{display:none!important}
  .support-process-v16 .support-step-card{min-height:360px}
  .support-process-v16 .support-cta-bar{grid-template-columns:auto minmax(0,1fr);gap:18px}
  .support-process-v16 .support-cta-actions{grid-column:1 / -1;justify-content:flex-start}
}
@media (max-width:640px){
  .support-process-v16{padding:52px 0!important}
  .support-process-v16 .support-process-shell{width:min(100% - 36px,1440px)}
  .support-process-v16 .support-badge{font-size:12px;margin-bottom:14px}
  .support-process-v16 .support-process-head{margin-bottom:36px}
  .support-process-v16 .support-process-head h2{font-size:32px;line-height:1.2;max-width:100%}
  .support-process-v16 .support-process-head p{font-size:16px;line-height:1.6;margin-top:14px}
  .support-process-v16 .support-timeline{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
    padding-left:18px;
  }
  .support-process-v16 .support-timeline:before{
    display:block!important;
    left:27px;
    right:auto;
    top:0;
    bottom:0;
    height:auto;
    border-top:0;
    border-left:2px dashed rgba(255,122,26,.28);
  }
  .support-process-v16 .support-step-card{
    min-height:0;
    padding:24px 22px 22px;
    border-radius:20px;
    margin-left:22px;
  }
  .support-process-v16 .support-step-card:hover{transform:none}
  .support-process-v16 .step-number{
    top:22px;
    left:-48px;
    width:48px;
    height:48px;
    font-size:16px;
    box-shadow:0 10px 20px rgba(255,107,0,.22),0 0 0 7px #fbf7ef;
  }
  .support-process-v16 .step-icon{width:48px;height:48px;margin-bottom:14px}
  .support-process-v16 .step-icon svg{width:25px;height:25px}
  .support-process-v16 .support-step-card h3{font-size:20px;line-height:1.25}
  .support-process-v16 .support-step-card>p{font-size:15.8px;line-height:1.65}
  .support-process-v16 .step-result{min-height:auto;margin-top:18px;padding:13px;border-radius:13px}
  .support-process-v16 .support-cta-bar{
    grid-template-columns:1fr;
    padding:22px;
    border-radius:20px;
    gap:14px;
  }
  .support-process-v16 .support-cta-icon{width:52px;height:52px}
  .support-process-v16 .support-cta-copy h3{font-size:21px}
  .support-process-v16 .support-cta-copy p{font-size:15.5px}
  .support-process-v16 .support-cta-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}
  .support-process-v16 .support-cta-actions .btn{width:100%;min-height:48px;white-space:normal;text-align:center}
}

/* v19: next-step lead info block after support timeline */
.info-needed-section{
  background:linear-gradient(180deg,#fffaf4 0%,#fbf7ef 100%);
  border-top:1px solid rgba(255,122,26,.12);
  border-bottom:1px solid rgba(255,122,26,.12);
  padding:72px 0;
}
.info-needed-shell{max-width:1280px}
.info-needed-head{text-align:left;max-width:860px;margin:0 0 30px}
.eyebrow-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 13px;border-radius:999px;
  border:1px solid rgba(255,122,26,.26);
  background:#fff;color:var(--orange-600);
  font-size:13px;font-weight:900;letter-spacing:.06em;
}
.info-needed-head h2{
  margin:16px 0 12px;color:var(--navy-950);
  font-size:42px;line-height:1.15;letter-spacing:-.025em;font-weight:850;
}
.info-needed-head p{margin:0;color:#5f6b7a;font-size:18px;line-height:1.62;font-weight:650;max-width:880px}
.info-needed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.info-needed-card{
  position:relative;background:#fff;border:1px solid rgba(255,122,26,.16);
  border-radius:24px;padding:34px 28px 30px;box-shadow:0 18px 44px rgba(8,42,96,.08);
  min-height:268px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.info-needed-card:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.34);box-shadow:0 22px 56px rgba(8,42,96,.12)}
.info-needed-number{
  position:absolute;top:22px;right:24px;color:rgba(255,122,26,.18);
  font-size:46px;line-height:1;font-weight:950;letter-spacing:-.04em;
}
.info-needed-icon{
  width:54px;height:54px;display:grid;place-items:center;
  border-radius:17px;background:#fff3e8;border:1px solid rgba(255,122,26,.22);
  color:var(--navy-900);margin-bottom:22px;
}
.info-needed-icon svg{width:28px;height:28px}
.info-needed-card h3{margin:0 0 12px;color:var(--navy-950);font-size:23px;line-height:1.22;font-weight:850;letter-spacing:-.015em;max-width:82%}
.info-needed-card p{margin:0;color:#5f6b7a;font-size:16.2px;line-height:1.65;font-weight:600}
.info-needed-cta{
  margin-top:24px;background:#fff;border:1px solid rgba(8,42,96,.1);
  border-radius:24px;padding:24px;box-shadow:0 18px 44px rgba(8,42,96,.08);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;text-align:left;
}
.info-needed-cta h3{margin:0 0 6px;color:var(--navy-950);font-size:24px;line-height:1.25;font-weight:850}
.info-needed-cta p{margin:0;color:#5f6b7a;font-size:16px;line-height:1.55;font-weight:650;max-width:760px}
.info-needed-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.info-needed-actions .btn{min-height:50px}
@media (max-width:1040px){
  .info-needed-section{padding:62px 0}
  .info-needed-head h2{font-size:36px}
  .info-needed-grid{grid-template-columns:1fr;gap:16px}
  .info-needed-card{min-height:0;padding:28px 24px}
  .info-needed-card h3{max-width:100%}
  .info-needed-cta{grid-template-columns:1fr;gap:18px}
  .info-needed-actions{justify-content:flex-start}
}
@media (max-width:760px){
  .info-needed-section{padding:50px 0}
  .info-needed-head{margin-bottom:22px}
  .eyebrow-pill{font-size:12px;padding:6px 11px}
  .info-needed-head h2{font-size:30px;line-height:1.2;margin:12px 0 10px}
  .info-needed-head p{font-size:16px;line-height:1.6}
  .info-needed-grid{margin-top:22px}
  .info-needed-card{padding:24px 20px;border-radius:20px}
  .info-needed-number{top:20px;right:20px;font-size:38px}
  .info-needed-icon{width:48px;height:48px;border-radius:15px;margin-bottom:16px}
  .info-needed-icon svg{width:25px;height:25px}
  .info-needed-card h3{font-size:20px;line-height:1.25;padding-right:52px}
  .info-needed-card p{font-size:15.8px;line-height:1.6}
  .info-needed-cta{padding:20px;border-radius:20px}
  .info-needed-cta h3{font-size:21px}
  .info-needed-cta p{font-size:15.5px}
  .info-needed-actions{display:grid;grid-template-columns:1fr;width:100%;gap:10px}
  .info-needed-actions .btn{width:100%;white-space:normal;text-align:center}
}

/* v21: refine post-support flow: hồ sơ -> lịch học -> pháp lý/năng lực -> video/review */
.section-head-left{margin-left:0;margin-right:auto;text-align:left;max-width:860px}
.handover-v21{background:linear-gradient(180deg,#fff,#fff8f0)!important;border-top:1px solid rgba(255,122,26,.13);border-bottom:1px solid rgba(255,122,26,.12);padding:76px 0!important}
.handover-v21-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:34px;align-items:center}
.handover-v21-copy{text-align:left;max-width:560px}
.handover-v21-copy h2{margin:14px 0 14px;color:var(--navy-950);font-size:42px;line-height:1.14;letter-spacing:-.02em}
.handover-v21-copy p{margin:0;color:#5f6b7a;font-size:17px;line-height:1.65;font-weight:650}
.handover-v21-note{margin-top:22px;padding:16px 18px;border:1px solid rgba(255,122,26,.22);border-radius:16px;background:#fff3e8;color:#4d5a6d;font-weight:650;line-height:1.55}
.handover-v21-note strong{color:#ff6b00}
.handover-v21-cards{display:grid;grid-template-columns:1fr;gap:18px}
.handover-v21-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid rgba(255,122,26,.18);border-radius:22px;padding:26px;box-shadow:0 20px 50px rgba(8,27,58,.08)}
.handover-v21-card h3{margin:0 0 8px;color:var(--navy-950);font-size:22px;line-height:1.25}
.handover-v21-card p{margin:0;color:#5f6b7a;font-size:16px;line-height:1.65;font-weight:650}

.learning-options-v21{background:#fff!important;padding:76px 0!important}
.learning-options-v21 .section-head-left h2{font-size:42px;line-height:1.15;margin:14px 0 10px;color:var(--navy-950)}
.learning-options-v21 .section-head-left p{font-size:17px;line-height:1.6;color:#5f6b7a}
.learning-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.learning-option-card{background:#fff;border:1px solid rgba(255,122,26,.16);border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(8,27,58,.07);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.learning-option-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(8,27,58,.11);border-color:rgba(255,122,26,.32)}
.learning-option-card h3{margin:18px 0 8px;color:var(--navy-950);font-size:22px;line-height:1.25}
.learning-option-card p{margin:0;color:#5f6b7a;font-size:16px;line-height:1.65;font-weight:650}
.schedule-note-v21{margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#081b3a;color:#fff;border-radius:22px;padding:24px 28px;box-shadow:0 22px 54px rgba(8,27,58,.14)}
.schedule-note-v21 strong{display:block;font-size:20px;line-height:1.25;margin-bottom:4px}
.schedule-note-v21 span{display:block;color:#d7e2f0;font-weight:650;line-height:1.55}
.schedule-note-v21 .btn{flex:0 0 auto}

.legal-v21{background:linear-gradient(180deg,#fbf7ef,#fff)!important;padding:78px 0!important}
.legal-v21-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:stretch}
.legal-v21-panel{border-radius:24px;padding:34px!important;background:linear-gradient(135deg,#071b3a,#0b2f68)!important;box-shadow:0 24px 60px rgba(8,27,58,.16)}
.legal-v21-panel h2{margin:14px 0 20px!important;font-size:36px!important;line-height:1.14!important;color:#fff}
.dark-pill{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.22)!important;color:#ffb16e!important}
.capacity-v21-card{background:#fff;border:1px solid rgba(255,122,26,.16);border-radius:24px;padding:34px;box-shadow:0 22px 56px rgba(8,27,58,.08);text-align:left}
.capacity-v21-card h2{margin:0 0 12px;color:var(--navy-950);font-size:34px;line-height:1.15}
.capacity-v21-card p{margin:0 0 22px;color:#5f6b7a;font-size:16.5px;line-height:1.65;font-weight:650}
.capacity-list-v21{display:grid;gap:12px;margin:0 0 22px}
.capacity-list-v21 div{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #edf1f6;border-radius:16px;background:#fbfcff}
.capacity-list-v21 strong{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#fff3e8;color:#ff6b00;font-size:14px;font-weight:900}
.capacity-list-v21 span{color:#172848;font-weight:750;line-height:1.45}
.capacity-v21-card .license-badge{margin-top:18px}

.video-proof-v21{background:#fff!important;padding:78px 0!important}
.video-proof-v21 .video-copy{text-align:left}
.video-proof-v21 .video-copy h2{font-size:42px;line-height:1.14;color:var(--navy-950)}
.proof-v21{background:#fffaf4!important;border-top:1px solid rgba(255,122,26,.12);border-bottom:1px solid rgba(255,122,26,.12)}
.proof-v21 .proof-card{border-color:rgba(255,122,26,.16);box-shadow:0 18px 45px rgba(8,27,58,.06)}

@media (max-width:1040px){
  .handover-v21-grid,.legal-v21-grid{grid-template-columns:1fr;gap:24px}
  .handover-v21-copy{max-width:840px}
  .learning-options-grid{grid-template-columns:1fr 1fr}
  .schedule-note-v21{align-items:flex-start;flex-direction:column}
}
@media (max-width:760px){
  .handover-v21,.learning-options-v21,.legal-v21,.video-proof-v21{padding:50px 0!important}
  .handover-v21-copy h2,.learning-options-v21 .section-head-left h2,.video-proof-v21 .video-copy h2{font-size:30px;line-height:1.2}
  .legal-v21-panel h2,.capacity-v21-card h2{font-size:28px!important;line-height:1.2!important}
  .handover-v21-copy p,.learning-options-v21 .section-head-left p,.capacity-v21-card p{font-size:16px;line-height:1.6}
  .handover-v21-card,.learning-option-card,.capacity-v21-card,.legal-v21-panel{border-radius:18px;padding:22px!important}
  .handover-v21-card{gap:13px}
  .handover-v21-card h3,.learning-option-card h3{font-size:20px}
  .learning-options-grid{grid-template-columns:1fr;gap:14px}
  .schedule-note-v21{border-radius:18px;padding:20px}
  .schedule-note-v21 .btn{width:100%}
  .video-proof-v21 .video-grid{gap:24px}
}

/* v22: Redesign only the two sections after the 4-step support block */
.pn-info-section,
.pn-docs-section{
  overflow:hidden;
  text-align:left;
}
.pn-info-section * ,
.pn-docs-section *{box-sizing:border-box}
.pn-info-section .shell,
.pn-docs-section .shell{
  width:min(1440px,calc(100% - 80px));
  margin-inline:auto;
}
.pn-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:8px 13px;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.06em;
}
.pn-pill svg{width:16px;height:16px;flex:0 0 auto}
.pn-pill-orange{color:#ff6b00;background:#fff7ef;border:1px solid rgba(255,122,26,.24)}
.pn-pill-navy{color:#071b3a;background:#eef5ff;border:1px solid rgba(7,27,58,.12)}

/* Section 1: Info needed */
.pn-info-section{
  padding:84px 0!important;
  background:#fbf7ef!important;
  border-top:1px solid rgba(255,122,26,.08);
  border-bottom:1px solid rgba(255,122,26,.08);
}
.pn-info-layout{
  display:grid;
  grid-template-columns:minmax(300px,.36fr) minmax(0,.64fr);
  gap:44px;
  align-items:start;
}
.pn-info-copy h2{
  max-width:610px;
  margin:18px 0 16px;
  color:#071b3a;
  font-size:46px;
  line-height:1.14;
  font-weight:850;
  letter-spacing:-.035em;
}
.pn-info-copy h2 span{color:#ff6b00}
.pn-info-copy>p{
  max-width:600px;
  margin:0;
  color:#5f6b7a;
  font-size:18px;
  line-height:1.65;
  font-weight:650;
}
.pn-info-visual{
  position:relative;
  min-height:248px;
  margin-top:30px;
}
.pn-info-visual-dots{
  position:absolute;
  left:18px;
  top:20px;
  width:174px;
  height:132px;
  border-radius:22px;
  opacity:.34;
  background-image:radial-gradient(rgba(255,107,0,.5) 1.3px,transparent 1.3px);
  background-size:13px 13px;
}
.pn-info-visual-card{
  position:relative;
  z-index:2;
  width:min(390px,100%);
  min-height:226px;
  border:1px solid rgba(255,122,26,.16);
  border-radius:26px;
  background:linear-gradient(180deg,#fff,#fffaf5);
  box-shadow:0 24px 64px rgba(8,27,58,.10);
  padding:26px;
}
.pn-info-visual-top{width:52px;height:9px;border-radius:99px;background:#071b3a;margin-bottom:24px}
.pn-info-visual-row{height:14px;border-radius:99px;background:#e5edf8;margin-bottom:12px;width:82%}
.pn-info-visual-row.short{width:62%;background:#fff0e4}
.pn-info-visual-form{display:grid;gap:9px;margin-top:22px}
.pn-info-visual-form span{display:block;height:20px;border-radius:10px;background:#f3f6fb;border:1px solid #e5edf8}
.pn-info-visual-badge{
  position:absolute;
  right:22px;
  top:24px;
  border-radius:999px;
  padding:8px 12px;
  color:#ff6b00;
  background:#fff3e8;
  border:1px solid rgba(255,122,26,.18);
  font-size:12px;
  font-weight:900;
}
.pn-info-helmet{
  position:absolute;
  z-index:3;
  right:20px;
  bottom:8px;
  width:86px;
  height:56px;
  border-radius:54px 54px 20px 20px;
  background:linear-gradient(180deg,#ff8a1f,#ff6b00);
  box-shadow:0 18px 34px rgba(255,107,0,.22);
}
.pn-info-helmet:before{content:"";position:absolute;left:14px;right:14px;top:21px;height:7px;border-radius:99px;background:rgba(255,255,255,.55)}
.pn-info-helmet:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-8px;height:14px;border-radius:999px;background:#071b3a}
.pn-info-content{min-width:0}
.pn-info-cards{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}
.pn-info-cards:before{
  content:"";
  position:absolute;
  left:16.5%;
  right:16.5%;
  top:44px;
  border-top:2px dashed rgba(255,107,0,.25);
  pointer-events:none;
}
.pn-info-card{
  position:relative;
  display:flex;
  min-height:348px;
  flex-direction:column;
  padding:34px 30px;
  border:1px solid rgba(255,122,26,.14);
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 48px rgba(8,27,58,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.pn-info-card:hover{transform:translateY(-4px);border-color:rgba(255,107,0,.28);box-shadow:0 24px 58px rgba(8,27,58,.11)}
.pn-info-card:not(:last-child):after{
  content:"›";
  position:absolute;
  z-index:3;
  top:25px;
  right:-23px;
  color:#ff6b00;
  font-size:44px;
  line-height:1;
  font-weight:900;
  text-shadow:0 0 0 7px #fbf7ef;
}
.pn-info-no{
  position:absolute;
  right:24px;
  top:18px;
  color:rgba(255,107,0,.13);
  font-size:52px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}
.pn-info-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#071b3a;
  background:#fff3e8;
  border:1px solid rgba(255,122,26,.18);
  margin-bottom:26px;
}
.pn-info-icon svg{width:28px;height:28px}
.pn-info-card h3{
  max-width:230px;
  margin:0 0 12px;
  color:#071b3a;
  font-size:23px;
  line-height:1.22;
  font-weight:850;
  letter-spacing:-.02em;
}
.pn-info-card p{
  margin:0;
  color:#5f6b7a;
  font-size:16px;
  line-height:1.65;
  font-weight:600;
}
.pn-info-result{
  margin-top:auto;
  border-radius:14px;
  padding:14px 15px;
  color:#30425d;
  background:#fff3e8;
  border:1px solid rgba(255,122,26,.12);
  font-size:15px;
  line-height:1.45;
  font-weight:800;
}
.pn-info-cta{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:20px;
  align-items:center;
  margin-top:30px;
  padding:26px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(7,27,58,.08);
  box-shadow:0 18px 46px rgba(8,27,58,.07);
}
.pn-info-cta-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#071b3a;
  flex:0 0 auto;
}
.pn-info-cta-icon svg{width:30px;height:30px}
.pn-info-cta-text h3{margin:0 0 5px;color:#071b3a;font-size:23px;line-height:1.25;font-weight:850;letter-spacing:-.02em}
.pn-info-cta-text p{margin:0;color:#5f6b7a;font-size:16px;line-height:1.55;font-weight:650}
.pn-info-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}

/* Section 2: Documents after training */
.pn-docs-section{
  padding:86px 0!important;
  background:linear-gradient(135deg,#f7faff 0%,#fff 100%)!important;
  border-top:1px solid rgba(7,27,58,.06);
  border-bottom:1px solid rgba(7,27,58,.06);
}
.pn-docs-layout{
  display:grid;
  grid-template-columns:minmax(320px,.39fr) minmax(320px,.36fr) minmax(240px,.25fr);
  gap:34px;
  align-items:center;
}
.pn-docs-copy h2{
  max-width:600px;
  margin:18px 0 16px;
  color:#071b3a;
  font-size:44px;
  line-height:1.15;
  font-weight:850;
  letter-spacing:-.035em;
}
.pn-docs-copy>p{
  max-width:650px;
  margin:0;
  color:#5f6b7a;
  font-size:18px;
  line-height:1.65;
  font-weight:650;
}
.pn-docs-tip{
  display:flex;
  gap:14px;
  margin-top:24px;
  padding:20px 22px;
  border-radius:18px;
  color:#30425d;
  background:#fff;
  border:1px solid rgba(255,122,26,.16);
  box-shadow:0 14px 36px rgba(8,27,58,.05);
}
.pn-docs-tip span{font-size:20px;line-height:1.3;flex:0 0 auto}
.pn-docs-tip p{margin:0;color:#30425d;font-size:16px;line-height:1.6;font-weight:650}
.pn-docs-tip strong{color:#ff6b00}
.pn-docs-cards{display:grid;gap:20px}
.pn-docs-card{
  position:relative;
  padding:34px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(7,27,58,.08);
  box-shadow:0 18px 48px rgba(8,27,58,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.pn-docs-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(8,27,58,.11)}
.pn-docs-icon{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#071b3a;
  background:#eef5ff;
  border:1px solid rgba(7,27,58,.08);
  margin-bottom:20px;
}
.pn-docs-icon svg{width:30px;height:30px}
.pn-docs-card h3{margin:0 0 11px;color:#071b3a;font-size:24px;line-height:1.22;font-weight:850;letter-spacing:-.02em}
.pn-docs-card p{margin:0;color:#5f6b7a;font-size:16.5px;line-height:1.7;font-weight:620}
.pn-docs-accent{display:block;width:58px;height:4px;border-radius:99px;background:#ff6b00;margin-top:22px}
.pn-docs-visual{
  position:relative;
  min-height:400px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.pn-docs-visual:before{
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,26,.14),rgba(238,245,255,.6) 58%,transparent 70%);
  z-index:-1;
}
.pn-folder{
  position:absolute;
  width:190px;
  min-height:250px;
  border-radius:20px 20px 16px 16px;
  padding:28px 18px;
  color:#fff;
  background:linear-gradient(160deg,#071b3a,#0b3678);
  box-shadow:0 26px 58px rgba(7,27,58,.22);
  border:1px solid rgba(255,255,255,.22);
}
.pn-folder:before{
  content:"";
  position:absolute;
  left:0;
  top:-18px;
  width:86px;
  height:32px;
  border-radius:14px 14px 0 0;
  background:#102f66;
}
.pn-folder:after{
  content:"PHƯƠNG NAM";
  position:absolute;
  left:18px;
  top:24px;
  color:#ffb074;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.pn-folder span{
  position:absolute;
  left:18px;
  right:18px;
  bottom:26px;
  display:block;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.28);
  font-size:15px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.02em;
}
.pn-folder-book{left:12%;top:72px;transform:rotate(-7deg)}
.pn-folder-cert{right:4%;bottom:54px;transform:rotate(8deg);background:linear-gradient(160deg,#0a2d63,#071b3a)}
.pn-docs-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-top:34px;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(7,27,58,.08);
  box-shadow:0 18px 48px rgba(8,27,58,.06);
}
.pn-docs-benefits div{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-height:92px;
  padding:24px 22px;
  border-right:1px solid rgba(7,27,58,.08);
}
.pn-docs-benefits div:last-child{border-right:0}
.pn-docs-benefits span{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  color:#fff;
  background:#071b3a;
  font-size:14px;
  font-weight:900;
}
.pn-docs-benefits p{margin:0;color:#30425d;font-size:15.5px;line-height:1.45;font-weight:800}

@media (max-width:1180px){
  .pn-info-layout{grid-template-columns:1fr;gap:34px}
  .pn-info-copy{max-width:860px}
  .pn-info-visual{max-width:420px}
  .pn-info-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .pn-info-card{padding:30px 24px}
  .pn-info-cta{grid-template-columns:auto 1fr;align-items:start}
  .pn-info-actions{grid-column:2;justify-content:flex-start}
  .pn-docs-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);align-items:start}
  .pn-docs-visual{grid-column:1 / -1;min-height:280px;max-width:520px;margin:0 auto;width:100%}
  .pn-docs-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pn-docs-benefits div:nth-child(2){border-right:0}
  .pn-docs-benefits div:nth-child(-n+2){border-bottom:1px solid rgba(7,27,58,.08)}
}
@media (max-width:900px){
  .pn-info-section .shell,.pn-docs-section .shell{width:min(100% - 40px,1440px)}
  .pn-info-section,.pn-docs-section{padding:64px 0!important}
  .pn-info-copy h2,.pn-docs-copy h2{font-size:38px}
  .pn-info-cards{grid-template-columns:1fr 1fr}
  .pn-info-cards:before,.pn-info-card:after{display:none!important}
  .pn-info-card:nth-child(3){grid-column:1 / -1}
  .pn-docs-layout{grid-template-columns:1fr}
  .pn-docs-cards{grid-template-columns:1fr 1fr}
  .pn-docs-visual{min-height:250px}
}
@media (max-width:640px){
  .pn-info-section .shell,.pn-docs-section .shell{width:min(100% - 32px,1440px)}
  .pn-info-section,.pn-docs-section{padding:54px 0!important}
  .pn-pill{font-size:12px;padding:8px 11px}
  .pn-info-copy h2,.pn-docs-copy h2{font-size:32px;line-height:1.2;margin-top:15px}
  .pn-info-copy>p,.pn-docs-copy>p{font-size:16px;line-height:1.6}
  .pn-info-visual{min-height:210px;margin-top:24px}
  .pn-info-visual-card{min-height:196px;padding:22px;border-radius:22px}
  .pn-info-helmet{right:10px;bottom:0;transform:scale(.86);transform-origin:right bottom}
  .pn-info-cards,.pn-docs-cards{grid-template-columns:1fr;gap:16px}
  .pn-info-card:nth-child(3){grid-column:auto}
  .pn-info-card,.pn-docs-card{min-height:0;padding:24px;border-radius:22px}
  .pn-info-no{font-size:42px;right:20px;top:16px}
  .pn-info-icon,.pn-docs-icon{width:52px;height:52px;margin-bottom:18px}
  .pn-info-card h3,.pn-docs-card h3{font-size:20px;max-width:78%}
  .pn-info-card p,.pn-docs-card p{font-size:15.8px;line-height:1.65}
  .pn-info-result{font-size:15px;margin-top:18px}
  .pn-info-cta{grid-template-columns:1fr;padding:22px;border-radius:22px;gap:14px}
  .pn-info-cta-icon{width:52px;height:52px}
  .pn-info-cta-text h3{font-size:20px}
  .pn-info-actions{grid-column:auto;display:grid;width:100%;gap:10px}
  .pn-info-actions .btn{width:100%;min-height:48px;white-space:normal;text-align:center}
  .pn-docs-tip{padding:18px;border-radius:16px}
  .pn-docs-visual{min-height:240px;overflow:hidden}
  .pn-folder{width:162px;min-height:216px;border-radius:17px;padding:22px 15px}
  .pn-folder span{font-size:12.5px;left:15px;right:15px;bottom:22px}
  .pn-folder-book{left:8%;top:52px}
  .pn-folder-cert{right:6%;bottom:32px}
  .pn-docs-benefits{grid-template-columns:1fr;border-radius:20px}
  .pn-docs-benefits div{min-height:0;border-right:0;border-bottom:1px solid rgba(7,27,58,.08);padding:18px}
  .pn-docs-benefits div:last-child{border-bottom:0}
}

/* v23 UX fix: make the 3-info section breathe better on desktop and fix CTA layout */
@media (min-width: 1101px){
  .pn-info-section .shell{width:min(100% - 72px,1440px)}
  .pn-info-layout{
    grid-template-columns:minmax(310px,.31fr) minmax(0,.69fr)!important;
    gap:54px!important;
    align-items:start!important;
  }
  .pn-info-copy h2{
    font-size:42px!important;
    line-height:1.16!important;
    max-width:520px!important;
    letter-spacing:-.03em!important;
  }
  .pn-info-copy>p{font-size:17px!important;max-width:520px!important}
  .pn-info-visual{max-width:360px!important;min-height:224px!important;margin-top:28px!important}
  .pn-info-visual-card{min-height:204px!important;padding:24px!important;border-radius:24px!important}
  .pn-info-helmet{right:-10px!important;bottom:4px!important;transform:scale(.82);transform-origin:right bottom}
  .pn-info-cards{gap:20px!important}
  .pn-info-cards:before{left:15.5%!important;right:15.5%!important;top:42px!important}
  .pn-info-card{
    min-height:332px!important;
    padding:30px 24px 24px!important;
    border-radius:24px!important;
  }
  .pn-info-card:not(:last-child):after{
    right:-17px!important;
    top:28px!important;
    font-size:34px!important;
  }
  .pn-info-no{font-size:46px!important;right:20px!important;top:16px!important}
  .pn-info-icon{width:54px!important;height:54px!important;margin-bottom:22px!important}
  .pn-info-icon svg{width:25px!important;height:25px!important}
  .pn-info-card h3{
    max-width:200px!important;
    font-size:20.5px!important;
    line-height:1.25!important;
    margin-bottom:10px!important;
  }
  .pn-info-card p{font-size:15.6px!important;line-height:1.62!important}
  .pn-info-result{font-size:14.6px!important;line-height:1.42!important;padding:13px 14px!important}
  .pn-info-cta{
    margin-top:34px!important;
    display:grid!important;
    grid-template-columns:auto minmax(360px,1fr) auto!important;
    gap:22px!important;
    padding:26px 30px!important;
    align-items:center!important;
  }
  .pn-info-cta-text h3{font-size:24px!important;line-height:1.22!important;max-width:none!important}
  .pn-info-cta-text p{font-size:16px!important;line-height:1.55!important;max-width:760px!important}
  .pn-info-actions{flex-wrap:nowrap!important;min-width:max-content!important}
  .pn-info-actions .btn{white-space:nowrap!important;min-height:50px!important;padding-left:22px!important;padding-right:22px!important}
}

@media (max-width: 1100px){
  .pn-info-layout{grid-template-columns:1fr!important;gap:34px!important}
  .pn-info-cta{margin-top:28px!important}
}

@media (max-width: 760px){
  .pn-info-section .shell{width:min(100% - 32px,1440px)!important}
  .pn-info-copy h2{font-size:31px!important;line-height:1.2!important;max-width:100%!important}
  .pn-info-copy>p{font-size:16px!important}
  .pn-info-visual{display:none!important}
  .pn-info-cards{grid-template-columns:1fr!important;gap:16px!important}
  .pn-info-card{padding:24px!important;min-height:0!important}
  .pn-info-card h3{max-width:72%!important;font-size:20px!important}
  .pn-info-no{font-size:40px!important;opacity:.9}
  .pn-info-cta{grid-template-columns:1fr!important;padding:22px!important;gap:14px!important}
  .pn-info-actions{display:grid!important;width:100%!important;min-width:0!important}
  .pn-info-actions .btn{width:100%!important;white-space:normal!important;min-height:48px!important}
}


/* v25 - compact 2-info quote section refined from reference mockup */
.pn-info-section.pn-info-compact {
  position: relative;
  background:
    radial-gradient(circle at 82% 16%, rgba(255, 107, 0, 0.08), transparent 26%),
    linear-gradient(180deg, #fbf7ef 0%, #fbf7ef 100%);
  padding: 78px 0 70px;
  overflow: hidden;
}
.pn-info-section.pn-info-compact::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 92px;
  opacity: .28;
  background-image: repeating-linear-gradient(135deg, rgba(255,107,0,.18) 0 2px, transparent 2px 9px);
  pointer-events: none;
}
.pn-info-compact-shell {
  position: relative;
  max-width: 1440px;
}
.pn-info-compact-hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.65fr);
  gap: 44px;
  align-items: center;
  margin-bottom: 32px;
}
.pn-info-compact-head {
  max-width: 760px;
  text-align: left;
  margin: 0;
}
.pn-info-compact-head h2 {
  margin: 18px 0 16px;
  color: #071b3a;
  font-size: clamp(38px, 4.8vw, 58px);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 900;
}
.pn-info-compact-head h2 span {
  color: #ff6b00;
}
.pn-info-compact-head p {
  margin: 0;
  max-width: 760px;
  color: #5f6b7a;
  font-size: 18px;
  line-height: 1.65;
}
.pn-info-quote-visual {
  position: relative;
  min-height: 210px;
  display: grid;
  place-items: center;
}
.pn-info-quote-visual::before {
  content: "";
  position: absolute;
  width: 370px;
  height: 190px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 122, 26, .15), rgba(255, 122, 26, .04) 58%, transparent 65%);
  filter: blur(.2px);
}
.pn-info-quote-visual::after {
  content: "";
  position: absolute;
  width: 390px;
  height: 180px;
  opacity: .25;
  background-image: radial-gradient(rgba(255,107,0,.45) 1px, transparent 1px);
  background-size: 9px 9px;
  mask-image: radial-gradient(circle, #000 0 44%, transparent 72%);
}
.pn-info-clipboard {
  position: relative;
  z-index: 2;
  width: 132px;
  height: 168px;
  border-radius: 18px;
  border: 8px solid #071b3a;
  background: #fff;
  box-shadow: 0 22px 45px rgba(7,27,58,.14);
  transform: rotate(7deg);
}
.pn-info-clipboard::before {
  content: "";
  position: absolute;
  left: 33px;
  top: -22px;
  width: 66px;
  height: 28px;
  border-radius: 10px 10px 4px 4px;
  background: #c9d3e4;
}
.pn-info-clipboard span {
  display: block;
  width: 78px;
  height: 9px;
  margin: 27px 0 0 27px;
  border-radius: 99px;
  background: #d8e0ec;
  box-shadow: 0 28px 0 #d8e0ec, 0 56px 0 #d8e0ec;
}
.pn-info-envelope {
  position: absolute;
  z-index: 3;
  right: 74px;
  bottom: 42px;
  width: 132px;
  height: 78px;
  border-radius: 10px;
  background: linear-gradient(145deg, #ffd3a5, #ffb56e);
  box-shadow: 0 16px 30px rgba(255,107,0,.16);
}
.pn-info-envelope::before {
  content: "";
  position: absolute;
  inset: 0;
  clip-path: polygon(0 0,50% 56%,100% 0,100% 18%,50% 74%,0 18%);
  background: rgba(255,255,255,.34);
}
.pn-info-check {
  position: absolute;
  z-index: 4;
  right: 42px;
  bottom: 34px;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #0b3f78;
  font-size: 36px;
  font-weight: 900;
  box-shadow: 0 18px 35px rgba(7,27,58,.16);
}
.pn-info-plane {
  position: absolute;
  z-index: 2;
  right: 18px;
  top: 42px;
  color: rgba(7, 27, 58, .16);
  font-size: 42px;
  transform: rotate(15deg);
}
.pn-info-compact-body {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(390px, 1.18fr);
  gap: 28px;
  align-items: stretch;
}
.pn-info-mini-card,
.pn-info-compact-cta {
  position: relative;
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(255, 122, 26, 0.16);
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(7, 27, 58, 0.08);
  text-align: left;
  overflow: hidden;
}
.pn-info-mini-card {
  display: flex;
  flex-direction: column;
  padding: 36px 34px 32px;
  min-height: 330px;
}
.pn-info-mini-card:hover,
.pn-info-compact-cta:hover {
  transform: translateY(-3px);
  border-color: rgba(255,107,0,.28);
  box-shadow: 0 28px 70px rgba(7,27,58,.12);
  transition: .2s ease;
}
.pn-info-mini-num {
  position: absolute;
  top: 22px;
  right: 28px;
  color: rgba(255, 107, 0, 0.15);
  font-size: 56px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
  z-index: 1;
}
.pn-info-mini-card:not(:last-of-type)::after {
  content: "›";
  position: absolute;
  top: 54px;
  right: -24px;
  z-index: 6;
  color: #ff6b00;
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
}
.pn-info-mini-card:not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: 71px;
  right: -42px;
  width: 44px;
  border-top: 3px dotted rgba(255,107,0,.35);
  z-index: 5;
}
.pn-info-mini-icon,
.pn-info-cta-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #071b3a;
  background: #fff3e8;
  border: 1px solid rgba(255, 122, 26, 0.18);
  flex: 0 0 auto;
}
.pn-info-mini-icon svg,
.pn-info-cta-icon svg {
  width: 30px;
  height: 30px;
}
.pn-info-mini-card h3 {
  position: relative;
  z-index: 2;
  margin: 34px 0 12px;
  color: #071b3a;
  font-size: 26px;
  line-height: 1.18;
  font-weight: 850;
  max-width: 330px;
}
.pn-info-accent {
  display: block;
  width: 48px;
  height: 3px;
  border-radius: 99px;
  background: #ff6b00;
  margin: 0 0 18px;
}
.pn-info-mini-card p {
  margin: 0;
  color: #5f6b7a;
  font-size: 16.5px;
  line-height: 1.68;
  max-width: 430px;
}
.pn-info-result {
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  background: #fff3e8;
  color: #26364f;
  font-size: 15.5px;
  line-height: 1.45;
  font-weight: 700;
}
.pn-info-result span {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: #ff6b00;
  font-size: 14px;
}
.pn-info-compact-cta {
  padding: 36px 34px 32px;
  min-height: 330px;
  display: flex;
  flex-direction: column;
}
.pn-info-cta-top {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 20px;
  align-items: start;
  padding-right: 54px;
}
.pn-info-compact-cta h3 {
  margin: 0;
  color: #071b3a;
  font-size: 25px;
  line-height: 1.24;
  font-weight: 850;
}
.pn-info-compact-cta > p {
  margin: 0;
  color: #5f6b7a;
  font-size: 16.5px;
  line-height: 1.68;
  max-width: 460px;
}
.pn-info-compact .pn-info-actions {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.pn-info-compact .pn-info-actions .btn {
  width: 100%;
  justify-content: center;
  min-height: 56px;
  text-align: center;
}
.pn-info-trustbar {
  margin-top: 30px;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(160px, .45fr));
  align-items: center;
  gap: 0;
  background: #fff;
  border: 1px solid rgba(7,27,58,.08);
  border-radius: 26px;
  box-shadow: 0 20px 55px rgba(7,27,58,.08);
  overflow: hidden;
}
.pn-info-trust-main {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 20px;
  align-items: center;
  padding: 24px 32px;
}
.pn-info-trust-shield {
  width: 66px;
  height: 66px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #071b3a;
  color: #fff;
}
.pn-info-trust-shield svg {
  width: 34px;
  height: 34px;
}
.pn-info-trust-main strong {
  display: block;
  color: #071b3a;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 850;
}
.pn-info-trust-main p {
  margin: 6px 0 0;
  color: #5f6b7a;
  font-size: 15.5px;
  line-height: 1.5;
}
.pn-info-trust-item {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  border-left: 1px solid rgba(7,27,58,.1);
  color: #071b3a;
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 800;
}
.pn-info-trust-item span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #ff6b00;
  background: #fff3e8;
  font-size: 21px;
  flex: 0 0 auto;
}
@media (max-width: 1180px) {
  .pn-info-compact-hero {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .pn-info-quote-visual {
    display: none;
  }
  .pn-info-compact-body {
    grid-template-columns: 1fr 1fr;
  }
  .pn-info-compact-cta {
    grid-column: 1 / -1;
    min-height: auto;
  }
  .pn-info-compact .pn-info-actions {
    flex-direction: row;
  }
  .pn-info-mini-card:not(:last-of-type)::before,
  .pn-info-mini-card:not(:last-of-type)::after {
    display: none;
  }
  .pn-info-trustbar {
    grid-template-columns: 1fr 1fr;
  }
  .pn-info-trust-main {
    grid-column: 1 / -1;
  }
  .pn-info-trust-item:nth-child(2) {
    border-left: 0;
  }
}
@media (max-width: 760px) {
  .pn-info-section.pn-info-compact {
    padding: 54px 0;
  }
  .pn-info-section.pn-info-compact::before {
    width: 42px;
  }
  .pn-info-compact-head h2 {
    font-size: 33px;
    line-height: 1.16;
    letter-spacing: -0.03em;
  }
  .pn-info-compact-head p {
    font-size: 16px;
  }
  .pn-info-compact-body {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .pn-info-mini-card,
  .pn-info-compact-cta {
    padding: 24px 20px;
    min-height: auto;
    border-radius: 22px;
  }
  .pn-info-mini-card h3 {
    font-size: 21px;
    margin-top: 22px;
    padding-right: 54px;
  }
  .pn-info-mini-card p,
  .pn-info-compact-cta > p {
    font-size: 15.8px;
  }
  .pn-info-mini-num {
    top: 18px;
    right: 18px;
    font-size: 40px;
  }
  .pn-info-mini-icon,
  .pn-info-cta-icon {
    width: 54px;
    height: 54px;
  }
  .pn-info-cta-top {
    grid-template-columns: 54px 1fr;
    gap: 14px;
    padding-right: 46px;
  }
  .pn-info-compact-cta h3 {
    font-size: 21px;
  }
  .pn-info-compact .pn-info-actions {
    flex-direction: column;
  }
  .pn-info-compact .pn-info-actions .btn {
    min-height: 50px;
    white-space: normal;
  }
  .pn-info-trustbar {
    margin-top: 18px;
    grid-template-columns: 1fr;
    border-radius: 22px;
  }
  .pn-info-trust-main {
    grid-template-columns: 54px 1fr;
    gap: 14px;
    padding: 20px;
  }
  .pn-info-trust-shield {
    width: 54px;
    height: 54px;
  }
  .pn-info-trust-main strong {
    font-size: 18px;
  }
  .pn-info-trust-item {
    border-left: 0;
    border-top: 1px solid rgba(7,27,58,.08);
    min-height: auto;
    padding: 16px 20px;
  }
}

/* v26 - redesign section: Hồ sơ sau đào tạo */
.pn-docs-section.pn-docs-v26{
  position:relative;
  overflow:hidden;
  padding:82px 0 72px;
  background:
    radial-gradient(circle at 86% 18%, rgba(64,139,230,.16) 0 260px, transparent 420px),
    linear-gradient(120deg,#f7fbff 0%,#ffffff 55%,#f4f8ff 100%);
}
.pn-docs-v26::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(50,124,220,.16) 1px, transparent 1.5px);
  background-size:18px 18px;
  opacity:.45;
  mask-image:linear-gradient(115deg, transparent 0 66%, #000 76% 100%);
}
.pn-docs-v26-shell{position:relative;z-index:1;max-width:1440px;padding-inline:40px;}
.pn-docs-v26-main{
  display:grid;
  grid-template-columns:minmax(330px,.92fr) minmax(360px,.92fr) minmax(320px,.8fr);
  gap:28px;
  align-items:center;
}
.pn-docs-v26-copy{text-align:left;}
.pn-docs-v26-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:44px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(20,98,195,.22);
  background:rgba(239,246,255,.78);
  color:#0c4ea8;
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 10px 30px rgba(30,90,170,.08);
}
.pn-docs-v26-badge svg{width:20px;height:20px;}
.pn-docs-v26-copy h2{
  margin:28px 0 18px;
  max-width:520px;
  color:#071b3a;
  font-size:clamp(38px,3.6vw,54px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:850;
}
.pn-docs-v26-copy h2 span{color:#1d6ed8;}
.pn-docs-v26-copy>p{
  max-width:540px;
  margin:0;
  color:#4f5e72;
  font-size:17px;
  line-height:1.75;
  font-weight:600;
}
.pn-docs-v26-tip{
  margin-top:34px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  padding:22px 24px;
  border-radius:18px;
  border:1px solid rgba(34,119,219,.22);
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 46px rgba(10,43,82,.08);
}
.pn-docs-v26-tip-icon{
  flex:0 0 56px;
  width:56px;height:56px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#2878df,#0755b7);
  color:#fff;
  box-shadow:0 14px 28px rgba(31,106,213,.26);
}
.pn-docs-v26-tip-icon svg{width:28px;height:28px;}
.pn-docs-v26-tip p{margin:0;color:#34435a;font-size:16px;line-height:1.65;font-weight:600;}
.pn-docs-v26-tip strong{color:#ff6b00;font-weight:850;}
.pn-docs-v26-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;}
.pn-docs-v26-card{
  min-height:470px;
  padding:42px 34px 36px;
  border-radius:24px;
  border:1px solid rgba(7,27,58,.08);
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 55px rgba(9,36,74,.1);
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.pn-docs-v26-card:hover{transform:translateY(-4px);border-color:rgba(31,111,216,.2);box-shadow:0 26px 65px rgba(9,36,74,.14);}
.pn-docs-v26-icon{
  width:90px;height:90px;
  margin:0 auto 30px;
  display:grid;place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#eef6ff,#f8fbff);
  color:#145db9;
  box-shadow:inset 0 0 0 1px rgba(31,111,216,.08), 0 16px 30px rgba(22,91,184,.1);
}
.pn-docs-v26-icon svg{width:48px;height:48px;}
.pn-docs-v26-card h3{margin:0 auto 18px;max-width:250px;color:#071b3a;font-size:27px;line-height:1.18;font-weight:850;letter-spacing:-.02em;}
.pn-docs-v26-line{display:block;width:52px;height:3px;border-radius:99px;background:#2d86ef;margin:0 auto 26px;}
.pn-docs-v26-card:nth-child(2) .pn-docs-v26-line{background:#ff6b00;}
.pn-docs-v26-card p{margin:0;color:#4d5a6d;font-size:16.5px;line-height:1.78;font-weight:600;}
.pn-docs-v26-visual{
  min-height:520px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pn-docs-v26-stage{
  position:relative;
  width:min(100%,410px);
  height:430px;
  border-radius:50% 50% 16px 16px;
  background:linear-gradient(180deg,rgba(238,246,255,.78),rgba(220,233,251,.5));
  box-shadow:inset 0 -26px 50px rgba(8,42,82,.07);
}
.pn-docs-v26-stage::after{
  content:"";
  position:absolute;left:50%;bottom:16px;transform:translateX(-50%);
  width:330px;height:54px;border-radius:50%;
  background:linear-gradient(90deg,rgba(7,27,58,.08),rgba(255,255,255,.2),rgba(7,27,58,.08));
  filter:blur(.2px);
}
.pn-docs-v26-dotgrid{position:absolute;right:4%;top:6%;width:140px;height:120px;background-image:radial-gradient(rgba(22,91,184,.24) 2px, transparent 2.5px);background-size:18px 18px;}
.pn-docs-v26-binder{
  position:absolute;bottom:64px;
  width:132px;height:300px;
  border-radius:10px 10px 6px 6px;
  background:linear-gradient(100deg,#06275a 0%,#08356f 48%,#061f49 100%);
  box-shadow:22px 34px 46px rgba(7,27,58,.25), inset -14px 0 22px rgba(0,0,0,.13);
  transform-origin:bottom center;
  z-index:2;
}
.pn-docs-v26-binder::before{content:"";position:absolute;left:0;top:0;width:24px;height:100%;border-radius:10px 0 0 6px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0));}
.pn-docs-v26-binder.binder-left{left:78px;transform:rotate(-2deg);}
.pn-docs-v26-binder.binder-right{right:58px;width:146px;height:316px;transform:rotate(1.2deg);z-index:3;}
.binder-brand{position:absolute;left:20px;top:28px;color:#ffc84d;font-size:11px;font-weight:900;letter-spacing:.08em;}
.binder-label{position:absolute;left:18px;right:18px;top:92px;min-height:126px;border-radius:7px;background:#f4f7fb;border:1px solid rgba(255,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#08214a;font-weight:900;line-height:1.25;font-size:13px;box-shadow:inset 0 0 0 1px rgba(8,42,82,.04);}
.binder-label::before{content:"";width:42px;height:42px;border-radius:50%;margin-bottom:10px;background:linear-gradient(180deg,#e6f1ff,#fff);box-shadow:inset 0 0 0 1px rgba(31,111,216,.12);}
.binder-label small{margin-top:14px;display:inline-flex;padding:7px 18px;border-radius:4px;background:#1358b8;color:#fff;font-size:11px;letter-spacing:.04em;}
.pn-docs-v26-binder i{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;border:4px solid rgba(255,255,255,.82);box-shadow:inset 0 0 0 3px rgba(7,27,58,.28);}
.pn-docs-v26-benefits{
  margin-top:44px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(7,27,58,.06);
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 54px rgba(8,38,78,.1);
}
.pn-docs-v26-benefit{display:flex;align-items:center;gap:18px;min-height:104px;padding:24px 30px;position:relative;}
.pn-docs-v26-benefit:not(:last-child)::after{content:"";position:absolute;right:0;top:26px;bottom:26px;width:1px;background:rgba(7,27,58,.08);}
.pn-docs-v26-benefit span{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#0d5bb6;font-weight:900;font-size:24px;box-shadow:inset 0 0 0 1px rgba(31,111,216,.09);}
.pn-docs-v26-benefit p{margin:0;color:#44536a;font-size:15.5px;line-height:1.45;font-weight:650;}
.pn-docs-v26-benefit strong{color:#071b3a;font-size:16.5px;font-weight:850;}
@media (max-width:1200px){
  .pn-docs-v26-main{grid-template-columns:1fr 1.05fr;align-items:start;}
  .pn-docs-v26-visual{grid-column:1/-1;min-height:360px;}
  .pn-docs-v26-stage{height:340px;max-width:520px;}
  .pn-docs-v26-binder{bottom:45px;}
  .pn-docs-v26-binder.binder-left{left:30%;}
  .pn-docs-v26-binder.binder-right{right:28%;}
  .pn-docs-v26-benefits{grid-template-columns:repeat(2,1fr);}
  .pn-docs-v26-benefit:nth-child(2)::after{display:none;}
}
@media (max-width:820px){
  .pn-docs-section.pn-docs-v26{padding:58px 0;}
  .pn-docs-v26-shell{padding-inline:18px;}
  .pn-docs-v26-main{grid-template-columns:1fr;gap:24px;}
  .pn-docs-v26-copy h2{font-size:clamp(32px,9vw,40px);line-height:1.18;margin-top:22px;}
  .pn-docs-v26-copy>p{font-size:16px;line-height:1.62;}
  .pn-docs-v26-tip{padding:18px;gap:14px;}
  .pn-docs-v26-tip-icon{width:48px;height:48px;flex-basis:48px;}
  .pn-docs-v26-cards{grid-template-columns:1fr;gap:18px;}
  .pn-docs-v26-card{min-height:auto;padding:28px 24px;text-align:left;}
  .pn-docs-v26-icon{margin:0 0 20px;width:72px;height:72px;}
  .pn-docs-v26-icon svg{width:38px;height:38px;}
  .pn-docs-v26-card h3{margin-left:0;margin-right:0;font-size:22px;max-width:none;}
  .pn-docs-v26-line{margin-left:0;margin-bottom:18px;}
  .pn-docs-v26-card p{font-size:16px;line-height:1.65;}
  .pn-docs-v26-visual{min-height:300px;overflow:hidden;}
  .pn-docs-v26-stage{height:290px;width:100%;}
  .pn-docs-v26-binder{width:104px;height:230px;bottom:38px;}
  .pn-docs-v26-binder.binder-left{left:22%;}
  .pn-docs-v26-binder.binder-right{right:18%;width:116px;height:246px;}
  .binder-brand{font-size:9px;left:14px;top:22px;}
  .binder-label{left:12px;right:12px;top:72px;min-height:100px;font-size:10px;}
  .binder-label small{font-size:9px;padding:5px 12px;}
  .pn-docs-v26-benefits{grid-template-columns:1fr;margin-top:22px;}
  .pn-docs-v26-benefit{min-height:86px;padding:18px;}
  .pn-docs-v26-benefit::after{display:none!important;}
}