:root {
  --skion-ink: #12264c;
  --skion-navy: #0d1b37;
  --skion-blue: #3b63e6;
  --skion-blue-strong: #284dc7;
  --skion-blue-soft: #eaf0ff;
  --skion-text: #29364d;
  --skion-muted: #66738a;
  --skion-line: #dce4f2;
  --skion-surface: #f5f8ff;
  --skion-white: #fff;
  --primaryText: var(--skion-text);
  --primary: var(--skion-blue);
  --background: var(--skion-surface);
  --secondary: #7894ed;
  --accent: var(--skion-blue);
}


html { scroll-behavior: smooth; }
body.admin-bar .skion-header { top:32px; }
@media(max-width:782px){body.admin-bar .skion-header{top:46px;}}
body { color: var(--skion-text); font-family: Roboto, Arial, sans-serif !important; }
a { color: var(--skion-blue-strong); }
button, input, select, textarea { font-family: inherit; }
.text-\[\#2a4385\] { color: var(--skion-ink) !important; }
.text-\[\#f68b1f\], .text-\[\#F37021\], [style*="#f68b1f"], [style*="#F37021"] { color: var(--skion-blue) !important; }
.bg-\[\#f68b1f\], .bg-\[\#F37021\] { background-color: var(--skion-blue) !important; }
.border-b-\[\#2a4385\] { border-color: var(--skion-blue) !important; }
.site > header { position: sticky; top: 0; z-index: 990; background: #fff; box-shadow: 0 3px 18px #1329570b; }
.site > header .container { max-width: 1440px; padding: 6px 24px; }
.site-branding img { max-height: 86px; object-fit: contain; }
.skion-primary-menu { display:flex; align-items:center; justify-content:flex-end; gap:clamp(14px,2.1vw,32px); list-style:none; margin:0; padding:0 0 8px; }
.skion-primary-menu a { color:var(--skion-ink); font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; transition:color .18s ease; }
.skion-primary-menu a:hover, .skion-primary-menu a:focus-visible { color:var(--skion-blue); }
.skion-primary-menu > li { position:relative; }
.skion-primary-menu .sub-menu { display:none; position:absolute; top:100%; left:0; min-width:220px; padding:10px; margin:0; list-style:none; background:white; border:1px solid var(--skion-line); box-shadow:0 12px 30px #14254418; border-radius:8px; z-index:10; }
.skion-primary-menu li:hover > .sub-menu,.skion-primary-menu li:focus-within > .sub-menu { display:block; }
.skion-primary-menu .sub-menu a { display:block; padding:10px; white-space:normal; }
@media(max-width:960px){.skion-primary-menu .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 18px}}
.menumobile { padding:68px 24px 24px; overflow:auto; }
.skion-mobile-menu { list-style:none; margin:0; padding:0; }
.skion-mobile-menu li { border-bottom:1px solid var(--skion-line); }
.skion-mobile-menu a { display:block; padding:15px 4px; color:var(--skion-ink); font-weight:700; text-decoration:none; }
.iconmenumobile { color:var(--skion-ink); font-size:20px !important; }
.search-form input[type=search] { border:1px solid var(--skion-line); border-radius:6px; padding:7px 36px 7px 10px; font-size:14px; }

.skion-shell { width:min(1200px, calc(100% - 40px)); margin-inline:auto; }
.skion-section { padding:76px 0; }
.skion-section-heading { max-width:760px; margin:0 auto 34px; text-align:center; }
.skion-section-heading h2, .skion-about h2, .skion-process-copy h2, .skion-archive-hero h1 { color:var(--skion-ink); font-size:clamp(28px,3.1vw,40px); line-height:1.15; font-weight:800; margin:5px 0 12px; }
.skion-section-heading p, .skion-about p, .skion-process-copy > p, .skion-archive-hero p { color:var(--skion-muted); margin:0; line-height:1.75; }
.skion-eyebrow { color:var(--skion-blue) !important; font-size:12px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; margin:0 0 10px !important; }
.skion-hero { min-height:565px; display:flex; align-items:center; color:#fff; background-color:var(--skion-navy); background-image:linear-gradient(90deg,rgba(8,19,43,.98) 0%,rgba(9,23,51,.91) 44%,rgba(9,23,51,.25) 100%),var(--skion-hero-image); background-position:center; background-size:cover; }
.skion-hero-inner { display:flex; align-items:center; justify-content:space-between; min-height:565px; position:relative; }
.skion-hero-copy { max-width:860px; padding:64px 0; }
.skion-hero .skion-eyebrow { color:#a9beff !important; }
.skion-hero h1 { color:white; text-transform:uppercase; font-size:clamp(36px,4.2vw,56px); line-height:1.08; letter-spacing:-.035em; margin:8px 0 20px; max-width:860px; }
.skion-hero-intro { color:#e2e9f9; max-width:560px; font-size:18px; line-height:1.7; }
.skion-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0 22px; }
.skion-button { min-height:48px; display:inline-flex; justify-content:center; align-items:center; gap:8px; border-radius:7px; padding:12px 20px; font-size:14px; line-height:1.25; font-weight:700; text-decoration:none !important; cursor:pointer; transition:background .18s ease,transform .18s ease,border-color .18s ease; }
.skion-button:hover { transform:translateY(-1px); }
.skion-button-primary { border:1px solid var(--skion-blue); background:var(--skion-blue); color:#fff !important; }
.skion-button-primary:hover { background:var(--skion-blue-strong); border-color:var(--skion-blue-strong); }
.skion-button-ghost { border:1px solid #ffffff91; background:#ffffff0a; color:#fff !important; }
.skion-button-outline { border:1px solid var(--skion-blue); background:white; color:var(--skion-blue) !important; }
.skion-hero-points { display:flex; flex-wrap:wrap; gap:10px 22px; color:#d2dcf2; font-size:13px; list-style:none; margin:24px 0 0; padding:0; }
.skion-hero-points li::before { content:'✓'; color:#a9beff; padding-right:7px; font-weight:800; }
.skion-hero-mark { display:flex; flex-direction:column; align-items:center; color:#ffffffb0; font-size:clamp(32px,5vw,58px); font-weight:800; letter-spacing:.06em; margin:0 3%; text-shadow:0 4px 22px #07132980; }
.skion-hero-mark small { font-size:10px; letter-spacing:.36em; font-weight:500; }

.skion-benefits { background:var(--skion-surface); }
.skion-benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.skion-benefit-card { min-height:230px; padding:28px 24px; text-align:center; border:1px solid #e5ebf7; border-radius:15px; background:#fff; box-shadow:0 8px 24px #1b3a7410; }
.skion-benefit-card img { display:block; width:64px; height:64px; object-fit:contain; margin:0 auto 18px; }
.skion-benefit-card p { margin:0; color:#52617b; line-height:1.65; }
.skion-about-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.skion-about h2 { max-width:540px; }
.skion-body-copy { margin:18px 0; color:var(--skion-muted); line-height:1.8; }
.skion-body-copy p { margin:0 0 12px; }
.skion-text-link { display:inline-flex; align-items:center; gap:8px; color:var(--skion-blue-strong); font-weight:700; text-decoration:none; }
.skion-text-link:hover { color:var(--skion-blue); }
.skion-about-video { overflow:hidden; border-radius:16px; background:var(--skion-blue-soft); box-shadow:0 20px 50px #172b521f; aspect-ratio:16/9; }
.skion-about-video iframe { display:block; width:100%; height:100%; border:0; }
.skion-solutions-section { background:#fff; }
.skion-solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.skion-solution-card { overflow:hidden; border:1px solid #e4eaf5; border-radius:14px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 5px 18px #112a5410; transition:transform .2s ease,box-shadow .2s ease; }
.skion-solution-card:hover { transform:translateY(-4px); box-shadow:0 15px 34px #112a541a; }
.skion-solution-image { background:linear-gradient(135deg,#edf2ff,#f8faff); aspect-ratio:16/10; overflow:hidden; }
.skion-solution-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.skion-solution-card:hover img { transform:scale(1.035); }
.skion-solution-content { padding:20px 20px 18px; }
.skion-solution-content h2, .skion-solution-content h3 { color:var(--skion-ink); font-size:19px; line-height:1.35; margin:0 0 9px; }
.skion-solution-content p { min-height:48px; color:var(--skion-muted); font-size:14px; line-height:1.6; margin:0 0 17px; }
.skion-solution-link { display:inline-flex; align-items:center; gap:8px; color:var(--skion-blue); font-size:14px; font-weight:700; }
.skion-solution-link i { display:inline-grid; width:24px; height:24px; border:1px solid #b7c8fa; border-radius:50%; place-items:center; font-style:normal; }
.skion-section-action { margin-top:28px; text-align:center; }

.skion-case-process { background:linear-gradient(130deg,#f3f6ff 0%,#edf2ff 100%); }
.skion-process-grid { display:grid; grid-template-columns:1fr .9fr; gap:64px; align-items:start; }
.skion-process-copy { padding-top:22px; }
.skion-process-copy h2 { max-width:470px; }
.skion-process-steps { list-style:none; margin:28px 0; padding:0; display:grid; gap:15px; }
.skion-process-steps li { display:flex; align-items:center; gap:14px; color:var(--skion-ink); font-weight:700; }
.skion-process-steps span { display:grid; place-items:center; width:36px; height:36px; border:1px solid #cfdbff; border-radius:50%; color:var(--skion-blue); background:white; font-size:12px; }
.skion-case-form-card { padding:30px; border:1px solid #e0e7f5; border-radius:15px; background:#fff; box-shadow:0 16px 42px #12264c12; }
.skion-case-form-card h3 { color:var(--skion-ink); font-size:24px; margin:0 0 4px; }
.skion-case-form-card > p { margin:0 0 20px; color:var(--skion-muted); }
.skion-form { display:grid; gap:14px; }
.skion-form > label { display:grid; gap:6px; color:var(--skion-ink); font-size:13px; font-weight:700; }
.skion-form > label > .skion-label-text { display:block; color:var(--skion-ink); font-size:13px; font-weight:700; }
.skion-form .skion-required, .skion-form legend span { color:#d2495b; font-style:normal; }
.skion-form input:not([type=checkbox]):not([type=radio]):not([type=file]), .skion-form select, .skion-form textarea { width:100%; border:1px solid #d6dfed; border-radius:6px; background:#fff; padding:11px 12px; color:var(--skion-text); font-size:14px; font-weight:400; }
.skion-form input:focus, .skion-form select:focus, .skion-form textarea:focus { outline:3px solid #3b63e625; border-color:var(--skion-blue); }
.skion-form textarea { resize:vertical; }
.skion-form small { color:var(--skion-muted); font-weight:400; }
.skion-form-status { min-height:20px; margin:0 !important; color:var(--skion-blue-strong); font-size:14px; }
.skion-privacy-note { line-height:1.5; }
.skion-file-field { min-width:0; margin:0; padding:0; border:0; }
.skion-file-field legend { padding:0; color:var(--skion-ink); font-size:13px; font-weight:700; }
.skion-file-field legend small { display:block; margin-top:4px; }
.skion-file-dropzone { display:grid; justify-items:center; gap:8px; margin-top:8px; padding:18px 14px; border:1px dashed #b8c7e8; border-radius:8px; background:#f8faff; color:var(--skion-muted); text-align:center; font-size:13px; transition:background .18s ease,border-color .18s ease; }
.skion-file-dropzone.is-dragging { border-color:var(--skion-blue); background:#eaf0ff; }
.skion-upload-icon { display:grid; width:34px; height:34px; place-items:center; border-radius:50%; background:var(--skion-blue-soft); color:var(--skion-blue); font-size:20px; font-weight:800; }
.skion-file-dropzone strong { color:var(--skion-ink); }
.skion-file-dropzone .skion-button { min-height:36px; padding:8px 14px; font-size:12px; }
.skion-file-input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skion-file-name { max-width:100%; overflow-wrap:anywhere; }
.skion-interest-group, .skion-time-group { margin:0; padding:12px 14px; border:1px solid #e1e7f1; border-radius:7px; }
.skion-interest-group legend, .skion-time-group legend { padding:0 5px; color:var(--skion-ink); font-size:13px; font-weight:700; }
.skion-interest-group label, .skion-time-group label { display:flex; align-items:center; gap:8px; margin:8px 0; color:#4d5b72; font-size:13px; font-weight:400; }
.skion-interest-group input, .skion-time-group input { accent-color:var(--skion-blue); }
.skion-request-overlay { display:none; position:fixed; inset:0; z-index:10001; align-items:center; justify-content:center; padding:18px; background:#0d1b37bb; }
.skion-request-overlay.is-open { display:flex; }
.skion-request-panel { position:relative; width:min(100%,600px); max-height:92vh; overflow-y:auto; padding:30px; border-radius:15px; background:#fff; box-shadow:0 28px 90px #07132955; }
.skion-request-panel h2 { color:var(--skion-ink); font-size:28px; margin:0 0 8px; }
.skion-request-panel > p:not(.skion-eyebrow) { color:var(--skion-muted); margin:0 0 20px; }
.skion-request-close { position:absolute; top:13px; right:15px; width:36px; height:36px; border:0; border-radius:50%; background:#f1f4fb; color:var(--skion-ink); font-size:24px; line-height:1; cursor:pointer; }
.skion-request-panel .skion-button { width:100%; }
.skion-contact-dock { position:fixed; right:17px; bottom:22px; z-index:9998; display:flex; flex-direction:column; gap:9px; transition:opacity .16s ease,transform .16s ease; }
.skion-contact-dock a, .skion-contact-dock button { display:grid; width:46px; height:46px; padding:0; place-items:center; border:1px solid #dce4f2; border-radius:50%; background:#fff; box-shadow:0 5px 20px #10234624; color:var(--skion-blue-strong); font-size:16px; font-weight:800; text-decoration:none; cursor:pointer; transition:transform .18s ease,background .18s ease; }
.skion-contact-dock a:hover, .skion-contact-dock button:hover { transform:translateY(-2px); background:var(--skion-blue-soft); }

.skion-case-nav { display:flex; justify-content:flex-end; gap:8px; margin:-18px 0 12px; }
.skion-case-nav button { width:38px; height:38px; border:1px solid var(--skion-line); border-radius:50%; background:#fff; color:var(--skion-ink); cursor:pointer; }
.skion-case-track { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 40px)/3); gap:20px; overflow-x:auto; padding:4px 2px 18px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.skion-case-card { overflow:hidden; border:1px solid #e3e9f3; border-radius:13px; background:white; color:inherit; text-decoration:none; box-shadow:0 8px 24px #112a5410; scroll-snap-align:start; }
.skion-case-card > img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; }
.skion-case-card > div { padding:17px 18px 19px; }
.skion-case-card h3 { color:var(--skion-ink); font-size:18px; line-height:1.4; margin:6px 0 15px; }
.skion-card-kicker { color:var(--skion-blue); font-size:10px; font-weight:800; letter-spacing:.12em; }
.skion-section-heading-row { display:flex; align-items:end; justify-content:space-between; gap:24px; max-width:none; text-align:left; }
.skion-section-heading-row > div { max-width:720px; }
.skion-testimonials { background:#f5f8ff; }
.skion-testimonial-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.skion-quote-card { margin:0; padding:26px; border:1px solid #e3e9f3; border-radius:13px; background:white; }
.skion-quote-card blockquote { margin:0 0 20px; color:#4b5b73; line-height:1.7; }
.skion-quote-card figcaption { display:flex; align-items:center; gap:12px; color:var(--skion-ink); }
.skion-quote-card figcaption img { width:45px; height:45px; border-radius:50%; object-fit:cover; }
.skion-quote-card figcaption span { display:grid; gap:3px; }
.skion-quote-card figcaption small { color:var(--skion-muted); }
.skion-knowledge-grid, .skion-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.skion-knowledge-card, .skion-library-card { overflow:hidden; border:1px solid #e3e9f3; border-radius:13px; background:white; box-shadow:0 7px 20px #112a540e; }
.skion-knowledge-card a, .skion-library-card a { display:block; color:inherit; text-decoration:none; }
.skion-knowledge-card img, .skion-library-card img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; background:#f0f3fa; }
.skion-knowledge-card > a > div, .skion-library-card > a > div { padding:20px; }
.skion-knowledge-card span, .skion-library-card span { color:var(--skion-muted); font-size:12px; }
.skion-knowledge-card h3, .skion-library-card h2 { color:var(--skion-ink); font-size:18px; line-height:1.4; margin:8px 0; }
.skion-knowledge-card p, .skion-library-card p { min-height:50px; color:var(--skion-muted); font-size:14px; line-height:1.6; }
.skion-knowledge-card b, .skion-library-card b { color:var(--skion-blue); font-size:14px; }

.skion-archive-hero { padding:58px 0 48px; background:linear-gradient(110deg,#f2f6ff,#fff); border-bottom:1px solid #e5ebf5; }
.skion-archive-hero .skion-shell { max-width:1200px; }
.skion-archive-hero p { max-width:760px; }
.skion-archive .skion-section { padding-top:52px; }
.skion-case-tools { display:grid; gap:18px; margin-bottom:28px; }
.skion-case-search { position:relative; display:block; max-width:660px; }
.skion-case-search input { width:100%; border:1px solid #ccd7e8; border-radius:8px; padding:13px 44px 13px 15px; color:var(--skion-ink); }
.skion-case-search > span:last-child { position:absolute; right:14px; top:6px; color:var(--skion-blue); font-size:24px; }
.skion-filter-list { display:flex; flex-wrap:wrap; gap:9px; }
.skion-filter-list button, .skion-filter-tags span:not(:first-child) { border:1px solid #dce4f2; border-radius:99px; background:#fff; color:#4d5e79; padding:8px 13px; font-size:13px; cursor:pointer; }
.skion-filter-list button.is-active, .skion-filter-list button:hover { border-color:var(--skion-blue); background:var(--skion-blue); color:white; }
.skion-filter-tags { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:var(--skion-muted); font-size:12px; }
.skion-filter-tags span:not(:first-child) { padding:5px 10px; background:#f8faff; cursor:default; }
.skion-case-archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.skion-case-archive-card { overflow:hidden; border:1px solid #e1e7f1; border-radius:13px; background:#fff; box-shadow:0 8px 24px #10234610; }
.skion-case-archive-image { display:block; background:#eef2f8; aspect-ratio:16/10; }
.skion-case-archive-image img { display:block; width:100%; height:100%; object-fit:cover; }
.skion-case-archive-body { padding:19px; }
.skion-case-archive-body h2 { color:var(--skion-ink); font-size:19px; line-height:1.4; margin:7px 0 10px; }
.skion-case-archive-body h2 a { color:inherit; text-decoration:none; }
.skion-case-archive-body p { color:var(--skion-muted); font-size:14px; line-height:1.6; }
.skion-case-archive-body dl { padding:12px 0; margin:12px 0; border-top:1px solid #edf0f6; border-bottom:1px solid #edf0f6; font-size:12px; }
.skion-case-archive-body dl div { display:grid; grid-template-columns:76px 1fr; gap:10px; margin:5px 0; }
.skion-case-archive-body dt { color:var(--skion-muted); }
.skion-case-archive-body dd { margin:0; color:var(--skion-ink); font-weight:600; }
.skion-case-no-results { margin:28px 0; color:var(--skion-muted); }
.skion-archive-cta { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-top:46px; padding:25px 28px; border-radius:13px; background:var(--skion-blue-soft); }
.skion-archive-cta h2 { margin:0 0 5px; color:var(--skion-ink); font-size:22px; }
.skion-archive-cta p { margin:0; color:var(--skion-muted); }

.box-footer { margin-top:0 !important; padding:54px 20px 20px !important; background:#10234a !important; color:#dae3f4; }
.box-footer .container { max-width:1200px; }
.box-footer .titlefooter { margin:0 0 18px; color:#fff; font-size:15px; font-weight:700; }
.box-footer a { color:#dbe5fa; }
.box-footer .box-mangxahoifo { display:none !important; }
.box-footer .box-diachifooter, .box-footer .box-skionfooter { color:#dae3f4; line-height:1.8; }
.box-footer iframe { width:100%; max-width:100%; border:0; border-radius:8px; }
.box-footer .site-info { margin-top:34px !important; padding-top:17px; border-top:1px solid #ffffff26; color:#bdc9dd; font-size:12px; }
.box-chinhsach ul { margin:0; padding:0; list-style:none; }
.box-chinhsach li { margin:8px 0; }

@media (max-width: 1100px) {
  .site-branding img { max-height:72px; }
  .skion-primary-menu { gap:13px; }
  .skion-primary-menu a { font-size:12px; }
  .skion-process-grid { gap:32px; }
}
@media (max-width: 767px) {
  .site > header { position:relative; }
  .site > header .container { padding:4px 12px; }
  .site-branding { margin-top:4px !important; }
  .site-branding img { width:auto !important; max-width:150px; max-height:58px; }
  .skion-shell { width:min(100% - 28px, 600px); }
  .skion-section { padding:52px 0; }
  .skion-hero, .skion-hero-inner { min-height:560px; }
  .skion-hero { background-image:linear-gradient(90deg,rgba(8,19,43,.94),rgba(8,19,43,.73)),var(--skion-hero-image); background-position:62% center; }
  .skion-hero-copy { padding:50px 0; }
  .skion-hero h1 { font-size:clamp(34px,9vw,48px); }
  .skion-hero-intro { font-size:16px; }
  .skion-hero-mark { display:none; }
  .skion-hero-actions { display:grid; grid-template-columns:1fr; }
  .skion-button { min-height:44px; }
  .skion-hero-points { display:grid; gap:8px; }
  .skion-benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .skion-benefit-card { min-height:0; padding:19px 14px; border-radius:11px; }
  .skion-benefit-card img { width:48px; height:48px; margin-bottom:11px; }
  .skion-benefit-card p { font-size:13px; line-height:1.55; }
  .skion-about-grid, .skion-process-grid { grid-template-columns:1fr; gap:30px; }
  .skion-solution-grid, .skion-case-archive-grid, .skion-knowledge-grid, .skion-library-grid { grid-template-columns:1fr; gap:14px; }
  .skion-solution-image { aspect-ratio:16/9; }
  .skion-solution-content { padding:15px; }
  .skion-solution-content h2, .skion-solution-content h3 { font-size:17px; }
  .skion-solution-content p { min-height:0; margin-bottom:12px; }
  .skion-section-heading { margin-bottom:24px; }
  .skion-section-heading h2, .skion-about h2, .skion-process-copy h2, .skion-archive-hero h1 { font-size:30px; }
  .skion-section-heading-row { align-items:flex-start; flex-direction:column; gap:12px; }
  .skion-case-process { padding:48px 0; }
  .skion-case-form-card { padding:20px 16px; }
  .skion-case-track { grid-auto-columns:84%; gap:12px; }
  .skion-case-nav { margin-top:-5px; }
  .skion-testimonial-grid { grid-template-columns:1fr; }
  .skion-request-overlay { padding:8px; }
  .skion-request-panel { padding:24px 17px 18px; max-height:96vh; }
  .skion-request-panel h2 { font-size:24px; padding-right:24px; }
  .skion-contact-dock { right:9px; bottom:10px; flex-direction:row; gap:6px; }
  .skion-contact-dock a, .skion-contact-dock button { width:32px; height:32px; font-size:12px; }
  .skion-form-in-view .skion-contact-dock { opacity:0; pointer-events:none; transform:translateY(8px); }
  .skion-archive-hero { padding:40px 0 34px; }
  .skion-archive .skion-section { padding-top:34px; }
  .skion-filter-list { gap:7px; }
  .skion-filter-list button { padding:7px 10px; font-size:12px; }
  .skion-archive-cta { align-items:flex-start; flex-direction:column; padding:20px; }
  .box-footer { padding:38px 14px 16px !important; }
  .box-footer .container { width:100% !important; }
  .box-footer .grid { grid-template-columns:1fr; }
}

/* Excel reference: compact navigation, contact rail and five-step workflow. */
.skion-contact-dock .skion-chat-toggle[hidden] { display:none; }
.skion-case-process .skion-shell { width:min(1120px,calc(100% - 40px)); }
.skion-case-process .skion-process-grid { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }
.skion-case-process { padding:48px 0; }
.skion-case-process .skion-case-form-card { padding:18px; border-radius:12px; }
.skion-case-form-card h3 { font-size:21px; }
.skion-case-form-card > p { font-size:12px; line-height:1.5; margin-bottom:14px; }
.skion-case-form-card .skion-form { gap:10px; }
.skion-case-form-card .skion-form input:not([type=file]),.skion-case-form-card .skion-form select,.skion-case-form-card .skion-form textarea { padding:9px 10px; font-size:13px; }
.skion-case-form-card .skion-form label,.skion-case-form-card .skion-form .skion-label-text { font-size:12px; }
.skion-case-form-card .skion-privacy-note { font-size:11px; }
.skion-process-copy h2 { font-size:30px; }
.skion-chat-panel { position:fixed; right:146px; bottom:100px; width:min(300px,calc(100% - 28px)); padding:24px; background:white; border:1px solid var(--skion-line); border-radius:14px; box-shadow:0 15px 50px #12264c30; z-index:9999; }
.skion-chat-panel[hidden] { display:none; }
.skion-chat-panel strong { color:var(--skion-ink); font-size:18px; }
.skion-chat-panel p { font-size:14px; color:var(--skion-muted); margin:12px 0; }
.skion-chat-panel a,.skion-chat-panel .skion-open-request { display:block; width:100%; text-align:left; padding:12px 0; border:0; border-top:1px solid var(--skion-line); background:white; color:var(--skion-blue); font-size:14px; cursor:pointer; }
.skion-chat-close { position:absolute; right:8px; top:4px; border:0; background:white; font-size:22px; color:var(--skion-muted); }
@media(max-width:767px) { .skion-chat-panel { right:14px; bottom:68px; } }
.skion-hero h1 { font-weight:800; }
.skion-case-process { scroll-margin-top:80px; }
.skion-form-status:empty { display:none; }
.skion-case-form-card h3 { font-weight:800; }
.skion-case-form-card .skion-file-dropzone { grid-template-columns:32px 1fr; text-align:left; justify-items:start; gap:4px 10px; }
.skion-file-dropzone .skion-upload-icon { grid-row:1/3; }
.skion-upload-trigger { color:var(--skion-blue); cursor:pointer; font-size:12px; line-height:1.5; }
.skion-upload-trigger:hover { text-decoration:underline; }
.skion-file-name { font-size:10px; }
.skion-case-tags { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px; }
.skion-case-tags span { padding:4px 8px; border-radius:4px; background:#edf2fa; color:#566986; font-size:11px; }
.skion-case-card h3 { min-height:50px; }
.skion-cases-section .skion-section-heading-row > a { display:none; }
.skion-knowledge-section .skion-knowledge-card a { display:flex; flex-direction:column; height:100%; }
.skion-knowledge-card h3 { min-height:76px; }
.skion-form input::placeholder,.skion-form textarea::placeholder { color:#8896ac; opacity:1; }
:where(a,button):focus-visible { outline:3px solid #7894ed; outline-offset:3px; }
.skion-header-inner { max-width:1440px; margin:auto; min-height:80px; padding:12px 28px; display:flex; align-items:center; gap:28px; }
.skion-logo { flex:0 0 148px; }
.skion-logo img { width:148px; height:48px; object-fit:contain; }
.skion-header nav { flex:1; }
.skion-header .skion-primary-menu { padding:0; justify-content:center; gap:22px; }
.skion-header-actions { display:flex; align-items:center; gap:12px; }
.skion-header-search { position:relative; width:170px; }
.skion-header-search input { width:100%; padding:11px 36px 11px 12px; border:1px solid #dce4f2; border-radius:6px; font-size:12px; background:#f8faff; }
.skion-header-search button { position:absolute; right:0; top:0; width:38px; height:44px; border:0; background:transparent; color:var(--skion-blue); }
.skion-header-search svg { width:19px; height:19px; margin:auto; }
.skion-warranty { display:inline-flex; min-height:44px; align-items:center; justify-content:center; padding:0 20px; border-radius:6px; background:var(--skion-blue); color:white; text-transform:uppercase; font-size:12px; font-weight:700; text-decoration:none; }
.skion-menu-toggle { display:none; }
.skion-benefit-icon { width:72px; height:72px; display:grid; place-items:center; margin:0 auto 20px; background:var(--skion-blue-soft); border-radius:50%; color:var(--skion-blue-strong); }
.skion-benefit-icon svg { width:38px; height:38px; }
.skion-benefit-card h3 { color:var(--skion-ink); font-size:19px; line-height:1.35; margin:0 0 12px; }
.skion-case-process .skion-shell { width:min(1280px,calc(100% - 48px)); }
.skion-case-process .skion-process-grid { grid-template-columns:minmax(0,1fr) 350px; gap:32px; }
.skion-process-copy h2 { max-width:none; font-size:34px; }
.skion-process-copy .skion-process-steps { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin:28px 0; }
.skion-process-steps li { position:relative; flex-direction:column; gap:10px; text-align:center; padding:20px 8px; border:1px solid var(--skion-line); border-radius:10px; background:#fff; }
.skion-process-steps li:not(:last-child)::after { content:'→'; position:absolute; right:-15px; top:57px; z-index:1; color:var(--skion-blue); font-size:22px; }
.skion-process-steps .skion-step-icon { width:60px; height:60px; display:grid; place-items:center; border-radius:50%; background:var(--skion-blue-soft); color:var(--skion-blue); }
.skion-step-icon svg { width:30px; height:30px; }
.skion-process-steps span { width:25px; height:25px; background:#dfe9ff; border:0; }
.skion-process-steps h3 { margin:0; font-size:15px; line-height:1.4; min-height:42px; }
.skion-process-steps p { font-size:13px; font-weight:400; color:var(--skion-muted); margin:0; line-height:1.5; }
.skion-process-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.skion-process-copy .skion-process-trust { text-align:center; font-size:11px; margin-top:24px; }
.skion-case-process .skion-case-form-card { padding:22px; }
.skion-case-form-card .skion-form { gap:12px; }
.skion-case-form-card .skion-file-dropzone { padding:12px; gap:5px; }
.skion-cases-section .skion-section-heading-row,.skion-knowledge-section .skion-section-heading-row { display:block; text-align:center; }
.skion-cases-section .skion-section-heading-row > div,.skion-knowledge-section .skion-section-heading-row > div { margin:auto; }
.skion-cases-section .skion-section-heading-row > a,.skion-knowledge-section .skion-section-heading-row > a { margin-top:14px; }
.skion-cases-section,.skion-knowledge-section { background:#fafcff; }
.skion-contact-dock { right:0; bottom:100px; gap:8px; }
.skion-contact-dock a,.skion-contact-dock button { display:flex; width:132px; height:44px; padding:8px 10px; gap:8px; border-radius:24px 0 0 24px; color:var(--skion-ink); font-size:11px; }
.skion-contact-dock svg { width:27px; height:27px; flex-shrink:0; color:var(--skion-blue); }
.skion-contact-dock a[href^="tel"] svg { color:#52ad2b; }
.skion-contact-dock .skion-zalo { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:white; background:#267bf3; font-size:10px; }
@media(max-width:1200px) {
 .skion-header-inner { gap:16px; padding:12px 20px; }
 .skion-header .skion-primary-menu { gap:14px; }
 .skion-header-search { width:120px; }
 .skion-case-process .skion-process-grid { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }
}
@media(max-width:1000px) {
 .skion-header-inner { flex-wrap:wrap; }
 .skion-header nav { order:4; flex-basis:100%; display:none; }
 .skion-header nav.is-open { display:block; }
 .skion-header .skion-primary-menu { flex-direction:column; align-items:stretch; gap:0; }
 .skion-header .skion-primary-menu a { display:block; padding:13px 0; font-size:14px; border-top:1px solid var(--skion-line); }
 .skion-menu-toggle { display:block; order:3; width:44px; height:44px; border:1px solid var(--skion-line); background:white; border-radius:6px; color:var(--skion-ink); }
 .skion-header-actions { margin-left:auto; }
 .skion-case-process .skion-process-grid { grid-template-columns:1fr; }
 .skion-case-form-card { width:min(100%,500px); margin:auto; }
}
@media(max-width:767px) {
 .skion-header-inner { padding:10px 14px; min-height:68px; gap:10px; }
 .skion-logo { flex-basis:110px; }
 .skion-logo img { width:110px; height:38px; }
 .skion-header-search { display:none; }
 .skion-warranty { padding:0 12px; font-size:11px; }
 .skion-case-process .skion-shell { width:calc(100% - 28px); }
 .skion-process-copy .skion-process-steps { grid-template-columns:1fr; gap:10px; }
 .skion-process-steps li { display:grid; grid-template-columns:48px 1fr; text-align:left; padding:14px; column-gap:14px; }
 .skion-process-steps .skion-step-icon { width:48px; height:48px; grid-row:1/3; }
 .skion-process-steps span { display:none; }
 .skion-process-steps h3 { min-height:0; }
 .skion-process-steps li:not(:last-child)::after { display:none; }
 .skion-benefit-icon { width:54px; height:54px; margin-bottom:14px; }
 .skion-benefit-icon svg { width:30px; height:30px; }
 .skion-benefit-card h3 { font-size:16px; }
 .skion-contact-dock { right:8px; bottom:12px; gap:4px; flex-direction:row; }
 .skion-contact-dock a,.skion-contact-dock button { width:44px; height:44px; padding:8px; border-radius:50%; }
 .skion-contact-dock span { display:none; }
}

.skion-warranty-page [hidden] { display:none !important; }
.skion-warranty-brands { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:800px; padding:28px 0; }
.skion-warranty-brands > div { border:1px solid var(--skion-line); border-radius:8px; overflow:hidden; background:#fff; }
.skion-warranty-brands img { width:100%; aspect-ratio:2/1; object-fit:contain; }
.skion-warranty-search { padding:24px 20px 64px; background:var(--skion-surface); scroll-margin-top:90px; }
.skion-warranty-search-card { max-width:560px; padding:32px; margin:auto; border:1px solid var(--skion-line); border-radius:14px; background:white; box-shadow:0 12px 36px #12264c0c; }
.skion-warranty-search h1 { font-size:30px; font-weight:800; color:var(--skion-ink); margin:0 0 12px; }
.skion-warranty-search-card > p:not(.skion-eyebrow) { color:var(--skion-muted); font-size:14px; margin:0 0 24px; }
#skionWarrantyForm label { display:block; font-size:13px; font-weight:700; margin:0 0 8px; }
.skion-warranty-input-row { display:flex; gap:10px; }
.skion-warranty-input-row input { flex:1; width:0; border:1px solid #ccd7e8; padding:12px; border-radius:7px; font-size:15px; text-transform:uppercase; }
#skionWarrantyStatus { color:#b33a43; font-size:13px; line-height:1.6; margin:12px 0 0; }
#skionWarrantyStatus:empty { display:none; }
.skion-warranty-result { padding:28px 0 52px; background:var(--skion-surface); scroll-margin-top:80px; }
.skion-warranty-result h1 { font-size:22px; font-weight:700; color:var(--skion-ink); margin:0 0 14px; }
.skion-warranty-result-panel { border:1px solid var(--skion-line); border-radius:12px; background:white; overflow:hidden; }
.skion-warranty-result-panel > header { border-bottom:1px solid var(--skion-line); padding:14px 20px; font-size:14px; }
.skion-warranty-result-panel > header strong { color:var(--skion-blue); }
.skion-warranty-result-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:28px; padding:22px; align-items:start; }
.skion-warranty-card-image { position:relative; margin:0; container-type:inline-size; }
.skion-warranty-card-image img { width:100%; display:block; }
.skion-warranty-card-image span { position:absolute; font-size:clamp(8px,2cqw,15px); font-weight:700; color:#172132; line-height:1.3; overflow-wrap:anywhere; }
.skion-card-clinic { top:40%; left:25%; max-width:43%; }
.skion-card-code { top:40%; left:79%; max-width:20%; }
.skion-card-patient { top:55%; left:25%; max-width:70%; }
.skion-card-product { top:71%; left:25%; max-width:70%; }
.skion-card-expiry { top:87%; left:25%; max-width:70%; }
.skion-warranty-details h2 { font-size:19px; font-weight:700; color:var(--skion-ink); margin:0 0 12px; }
.skion-warranty-details dl { margin:0 0 16px; }
.skion-warranty-details dl > div { display:grid; grid-template-columns:44% 1fr; gap:10px; padding:8px 0; border-bottom:1px solid #e7ecf5; font-size:13px; line-height:1.45; }
.skion-warranty-details dt { font-weight:700; color:var(--skion-ink); }
.skion-warranty-details dd { margin:0; overflow-wrap:anywhere; }
#skionWarrantyAgain { width:100%; }
@media(max-width:767px) {
 .skion-warranty-brands { grid-template-columns:repeat(2,1fr); padding:20px 0; }
 .skion-warranty-result-grid { grid-template-columns:1fr; padding:14px; gap:22px; }
 .skion-warranty-search-card { padding:24px 18px; }
 .skion-warranty-input-row { flex-direction:column; }
 .skion-warranty-input-row input { width:100%; flex:auto; }
 .skion-warranty-details dl > div { grid-template-columns:42% 1fr; }
}
.skion-footer-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.skion-footer-grid > div { min-width:0; }
.skion-footer-facebook { width:100%; max-width:280px; height:250px; overflow:hidden; border-radius:8px; background:#fff; }
.skion-footer-facebook iframe { display:block; width:100%; height:250px; max-width:100%; }
.box-footer .box-maps { overflow:hidden; border-radius:8px; height:250px; }
.box-footer .box-maps iframe { display:block; height:250px; }
@media(max-width:1100px) { .skion-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } }
@media(max-width:767px) { .skion-footer-grid { grid-template-columns:1fr; gap:28px; } }
.skion-captcha { min-width:0; padding:10px 12px; margin:0; border:1px solid var(--skion-line); border-radius:7px; }
.skion-captcha legend { padding:0 4px; font-size:12px; font-weight:700; color:var(--skion-ink); }
.skion-captcha legend span { color:#d2495b; }
.skion-captcha-row { display:flex; align-items:center; gap:10px; }
.skion-captcha-question { flex:1; font-size:13px; color:var(--skion-ink); }
.skion-form .skion-captcha-row input { width:82px !important; padding:8px !important; }
.skion-captcha-row button { width:36px; height:36px; background:var(--skion-blue-soft); border:0; border-radius:6px; color:var(--skion-blue); font-size:22px; cursor:pointer; }
.skion-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
/* Compact case form, with mobile layout preserved. */
.skion-case-process .skion-shell { width:min(1120px,calc(100% - 40px)); }
.skion-case-process .skion-case-form-card { padding:18px; }
.skion-case-form-card .skion-form { gap:10px; }
.skion-case-form-card h3 { font-size:21px; }
.skion-case-form-card > p { font-size:12px; margin-bottom:14px; }
.skion-process-copy h2 { font-size:30px; }
@media(max-width:1000px) { .skion-case-process .skion-process-grid { grid-template-columns:1fr; } }
@media(max-width:767px) { .skion-case-process .skion-shell { width:calc(100% - 28px); } }