:root{--ymp4-bg:#0b0c10;--ymp4-surface:#10121a;--ymp4-surface2:#0f1118;--ymp4-card:#121528;--ymp4-text:#e8e9ef;--ymp4-muted:#b8bccd;--ymp4-faint:#8b90a6;--ymp4-line:rgba(255,255,255,.10);--ymp4-line2:rgba(255,255,255,.14);--ymp4-primary:#5c5d21;--ymp4-accent:#7b4fb3;--ymp4-good:#2dbf7a;--ymp4-warn:#d2b24a;--ymp4-danger:#d15b7e;--ymp4-radius:4px;--ymp4-shadow:0 10px 26px rgba(0,0,0,.38);--ymp4-max:1120px;--ymp4-fs-body:15px;--ymp4-fs-min:12px;--ymp4-hfont:"Kanit",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--ymp4-bfont:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html,body{height:100%}
html{scroll-behavior:smooth}
body.ymp4-body{margin:0;background:radial-gradient(1100px 650px at 18% 0%,rgba(123,79,179,.22),transparent 55%),radial-gradient(950px 560px at 95% 10%,rgba(92,93,33,.24),transparent 52%),var(--ymp4-bg);color:var(--ymp4-text);font-family:var(--ymp4-bfont);font-size:var(--ymp4-fs-body);line-height:1.6;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.ymp4-shell{max-width:var(--ymp4-max);margin:0 auto;padding:0 14px}
.ymp4-skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ymp4-skip:focus{left:14px;top:14px;width:auto;height:auto;z-index:10;background:var(--ymp4-surface);border:1px solid var(--ymp4-line2);padding:10px 12px;border-radius:var(--ymp4-radius);box-shadow:var(--ymp4-shadow)}

.ymp4-header{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(11,12,16,.96),rgba(11,12,16,.70));backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--ymp4-line)}
.ymp4-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 0}
.ymp4-brand{min-width:0}
.ymp4-logo{font-family:var(--ymp4-hfont);font-weight:800;letter-spacing:.6px;text-transform:uppercase;font-size:18px;line-height:1.1}
.ymp4-slogan{margin-top:6px;color:var(--ymp4-muted);font-size:12.5px;line-height:1.35;max-width:40ch}
.ymp4-header-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:52%}
.ymp4-pill{font-size:12.5px;line-height:1.1;padding:7px 9px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);white-space:nowrap}

.ymp4-navwrap{padding:0 0 12px}
.ymp4-nav{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03)}
.ymp4-navrow{display:flex;gap:8px;flex-wrap:wrap;padding:10px;align-items:center;justify-content:flex-start}
.ymp4-navrow a{display:inline-flex;align-items:center;gap:8px;padding:10px 10px;border-radius:var(--ymp4-radius);text-decoration:none;border:1px solid transparent;font-size:14px;line-height:1.2;color:var(--ymp4-text)}
.ymp4-navrow a:hover{border-color:var(--ymp4-line2);background:rgba(123,79,179,.08)}

.ymp4-main{padding:16px 0 26px}
.ymp4-hero{padding:6px 0 10px}
.ymp4-hero-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}
.ymp4-hero-copy{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:14px;box-shadow:var(--ymp4-shadow)}
.ymp4-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ymp4-chip{font-size:12.5px;line-height:1.1;padding:7px 9px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.55)}
.ymp4-h1{font-family:var(--ymp4-hfont);font-weight:800;font-size:28px;line-height:1.1;margin:8px 0 10px;letter-spacing:.2px}
.ymp4-lead{margin:0;color:var(--ymp4-muted);font-size:15.5px;max-width:68ch}

.ymp4-hero-media{margin:0;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);overflow:hidden;background:rgba(255,255,255,.02);box-shadow:var(--ymp4-shadow)}
.ymp4-hero-media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ymp4-hero-cap{padding:10px 12px;color:var(--ymp4-muted);font-size:12.5px;line-height:1.35}

.ymp4-tabs{margin-top:12px;border-top:1px solid var(--ymp4-line);padding-top:12px}
.ymp4-tablist{display:flex;gap:8px;flex-wrap:wrap}
.ymp4-tab{appearance:none;border:1px solid var(--ymp4-line);background:rgba(255,255,255,.03);color:var(--ymp4-text);padding:10px 12px;border-radius:var(--ymp4-radius);font-size:14px;line-height:1.1;cursor:pointer}
.ymp4-tab:hover{border-color:var(--ymp4-line2);background:rgba(92,93,33,.12)}
.ymp4-tab[aria-selected="true"]{border-color:rgba(123,79,179,.55);background:rgba(123,79,179,.14)}
.ymp4-panels{margin-top:10px}
.ymp4-panel{padding:10px 12px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45)}
.ymp4-bullets{margin:0;padding-left:18px;color:var(--ymp4-muted)}
.ymp4-bullets li{margin:6px 0}

.ymp4-ticker{padding:10px 0}
.ymp4-tickerbox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);overflow:hidden}
.ymp4-tickertrack{display:flex;gap:10px;align-items:center;white-space:nowrap;overflow:hidden;padding:10px}
.ymp4-tickertrack a{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);text-decoration:none;font-size:14px;line-height:1.1;background:rgba(16,18,26,.45)}
.ymp4-tickertrack a:hover{border-color:rgba(92,93,33,.6);background:rgba(92,93,33,.12)}
.ymp4-tickertrack[data-ymp4-animate="1"]{animation:ymp4-tick 26s linear infinite}
@keyframes ymp4-tick{0%{transform:translateX(0)}100%{transform:translateX(-45%)}}
@media (prefers-reduced-motion:reduce){.ymp4-tickertrack[data-ymp4-animate="1"]{animation:none}}

.ymp4-stats{padding:10px 0 6px}
.ymp4-statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ymp4-stat{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:12px}
.ymp4-statnum{font-family:var(--ymp4-hfont);font-weight:800;font-size:22px;line-height:1.05;letter-spacing:.2px}
.ymp4-statlabel{margin-top:6px;color:var(--ymp4-muted);font-size:12.5px;line-height:1.35}

.ymp4-sectionhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px}
.ymp4-h2{font-family:var(--ymp4-hfont);font-weight:800;font-size:22px;line-height:1.15;margin:0 0 6px}
.ymp4-h3{font-family:var(--ymp4-hfont);font-weight:800;font-size:18px;line-height:1.2;margin:0 0 6px}
.ymp4-subhead{margin:0;color:var(--ymp4-muted);font-size:15px;max-width:72ch}
.ymp4-p{margin:0;color:var(--ymp4-muted);font-size:15px}

.ymp4-chipswrap{max-width:100%}
.ymp4-chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding:8px 0;scrollbar-width:thin}
.ymp4-chipbtn{flex:0 0 auto;appearance:none;border:1px solid var(--ymp4-line);background:rgba(255,255,255,.03);color:var(--ymp4-text);padding:10px 12px;border-radius:var(--ymp4-radius);font-size:14px;line-height:1.1;cursor:pointer;white-space:nowrap}
.ymp4-chipbtn:hover{border-color:var(--ymp4-line2);background:rgba(123,79,179,.10)}
.ymp4-chipbtn[aria-pressed="true"]{border-color:rgba(92,93,33,.65);background:rgba(92,93,33,.16)}

.ymp4-gridhead{margin:10px 0 8px;color:var(--ymp4-faint);font-size:12.5px;line-height:1.35}
.ymp4-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ymp4-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:10px;min-height:100%}
.ymp4-card:hover{border-color:rgba(123,79,179,.55);transform:translateY(-1px)}
.ymp4-cardmedia{border-radius:var(--ymp4-radius);overflow:hidden;border:1px solid var(--ymp4-line);background:rgba(0,0,0,.25)}
.ymp4-cardmedia img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ymp4-cardtop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.ymp4-cardtitle{font-family:var(--ymp4-hfont);font-weight:800;font-size:16px;line-height:1.15;margin:0}
.ymp4-cardsub{margin:6px 0 0;color:var(--ymp4-muted);font-size:13px;line-height:1.35}
.ymp4-badge{flex:0 0 auto;font-size:12.5px;line-height:1.1;padding:7px 9px;border-radius:var(--ymp4-radius);border:1px solid rgba(123,79,179,.55);background:rgba(123,79,179,.14);white-space:nowrap}

.ymp4-providers,.ymp4-benefits,.ymp4-compare,.ymp4-steps,.ymp4-pay,.ymp4-catalog,.ymp4-article,.ymp4-faq,.ymp4-related,.ymp4-pager{padding:16px 0}
.ymp4-split{display:grid;grid-template-columns:1fr;gap:10px}
.ymp4-box{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-taggrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ymp4-tag{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:10px 10px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45);font-size:14px;line-height:1.2}
.ymp4-tag:hover{border-color:rgba(92,93,33,.6);background:rgba(92,93,33,.12)}
.ymp4-providerlist{display:grid;gap:10px;margin-top:10px}
.ymp4-provider{padding:12px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45)}
.ymp4-providername{font-family:var(--ymp4-hfont);font-weight:800;font-size:16px;line-height:1.2}
.ymp4-providermeta{margin-top:6px;color:var(--ymp4-muted);font-size:13px;line-height:1.35}

.ymp4-cardrow{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.ymp4-benefit{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}

.ymp4-comparegrid{display:grid;grid-template-columns:1fr;gap:10px}
.ymp4-comparebox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-kv{margin-top:10px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);overflow:hidden}
.ymp4-kvrow{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:10px 12px;border-top:1px solid var(--ymp4-line);background:rgba(16,18,26,.35)}
.ymp4-kvrow:first-child{border-top:0}
.ymp4-kvkey{color:var(--ymp4-faint);font-size:12.5px;line-height:1.35}
.ymp4-kvval{color:var(--ymp4-text);font-size:14px;line-height:1.35}
.ymp4-tablewrap{overflow-x:auto;max-width:100%;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.35)}
.ymp4-table{width:100%;border-collapse:separate;border-spacing:0;min-width:520px}
.ymp4-table th,.ymp4-table td{padding:12px 12px;text-align:left;border-bottom:1px solid var(--ymp4-line);font-size:14px;line-height:1.35}
.ymp4-table th{font-family:var(--ymp4-hfont);font-weight:800;background:rgba(255,255,255,.03)}
.ymp4-table tr:last-child td{border-bottom:0}

.ymp4-steplist{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.ymp4-step{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:flex-start;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:12px}
.ymp4-stepnum{font-family:var(--ymp4-hfont);font-weight:800;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--ymp4-radius);border:1px solid rgba(123,79,179,.55);background:rgba(123,79,179,.14)}

.ymp4-paybox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-paygrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.ymp4-payitem{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45);padding:12px;text-align:center;font-size:14px;line-height:1.2;color:var(--ymp4-text)}

.ymp4-articlebox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-articlebox h2{font-family:var(--ymp4-hfont);font-weight:800;font-size:22px;line-height:1.15;margin:14px 0 8px}
.ymp4-articlebox h3{font-family:var(--ymp4-hfont);font-weight:800;font-size:18px;line-height:1.2;margin:14px 0 6px}
.ymp4-articlebox p{margin:0 0 12px;color:var(--ymp4-text);font-size:15px}
.ymp4-articlebox ul,.ymp4-articlebox ol{margin:0 0 12px;padding-left:18px;color:var(--ymp4-text);font-size:15px}
.ymp4-articlebox li{margin:6px 0}
.ymp4-articlebox table{width:100%;border-collapse:separate;border-spacing:0;margin:10px 0 12px;overflow:hidden;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius)}
.ymp4-articlebox th,.ymp4-articlebox td{padding:12px;border-bottom:1px solid var(--ymp4-line);font-size:14px;line-height:1.35}
.ymp4-articlebox th{font-family:var(--ymp4-hfont);font-weight:800;background:rgba(255,255,255,.03)}
.ymp4-articlebox tr:last-child td{border-bottom:0}
.ymp4-articlebox blockquote{margin:12px 0;padding:12px 12px;border-left:3px solid rgba(92,93,33,.8);background:rgba(92,93,33,.10);border-radius:var(--ymp4-radius);color:var(--ymp4-text)}
.ymp4-articlebox hr{border:0;border-top:1px solid var(--ymp4-line);margin:14px 0}
.ymp4-articlebox figure{margin:12px 0;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);overflow:hidden;background:rgba(16,18,26,.45)}
.ymp4-articlebox figure img{width:100%;height:auto}
.ymp4-articlebox figcaption{padding:10px 12px;color:var(--ymp4-muted);font-size:12.5px;line-height:1.35}

.ymp4-pagehead{padding:10px 0 6px}
.ymp4-crumbs{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);overflow:hidden}
.ymp4-crumbrow{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:10px 10px;list-style:none}
.ymp4-crumbrow a{font-size:13px;line-height:1.2;text-decoration:none;color:var(--ymp4-muted);padding:6px 8px;border-radius:var(--ymp4-radius);border:1px solid transparent}
.ymp4-crumbrow a:hover{border-color:var(--ymp4-line2);background:rgba(255,255,255,.03);color:var(--ymp4-text)}
.ymp4-titlewrap{margin-top:10px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-badgebar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.ymp4-contentgrid{display:grid;grid-template-columns:1fr;gap:10px}
.ymp4-aside{display:grid;gap:10px}
.ymp4-asidebox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-check{margin:8px 0 0;padding-left:18px;color:var(--ymp4-text);font-size:15px}
.ymp4-check li{margin:7px 0}

.ymp4-faqbox{display:grid;gap:10px;margin-top:12px}
.ymp4-faqitem{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:0;overflow:hidden}
.ymp4-faqitem summary{cursor:pointer;padding:12px 14px;font-family:var(--ymp4-hfont);font-weight:800;font-size:16px;line-height:1.2;list-style:none}
.ymp4-faqitem summary::-webkit-details-marker{display:none}
.ymp4-faqitem summary:hover{background:rgba(123,79,179,.08)}
.ymp4-faqitem div{padding:0 14px 12px;color:var(--ymp4-text);font-size:15px;line-height:1.6}

.ymp4-pagerrow{display:flex;gap:10px;flex-wrap:wrap}
.ymp4-pagerrow a{flex:1 1 220px;min-width:0;text-decoration:none;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:12px 14px;font-size:14px;line-height:1.25}
.ymp4-pagerrow a:hover{border-color:rgba(123,79,179,.55);background:rgba(123,79,179,.10)}

.ymp4-relatedbox{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:14px}
.ymp4-relatedgrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}
.ymp4-relatedgrid a{display:block;text-decoration:none;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45);padding:12px 12px;font-size:14px;line-height:1.3}
.ymp4-relatedgrid a:hover{border-color:rgba(92,93,33,.6);background:rgba(92,93,33,.10)}

.ymp4-footer{border-top:1px solid var(--ymp4-line);padding:18px 0 24px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
.ymp4-footgrid{display:grid;grid-template-columns:1fr;gap:12px}
.ymp4-foottext{margin:8px 0 0;color:var(--ymp4-muted);font-size:13px;line-height:1.45}
.ymp4-footlinks{border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:12px;overflow:hidden}
.ymp4-footlinks a{display:inline-flex;margin:4px 6px 4px 0;text-decoration:none;font-size:14px;line-height:1.2;padding:8px 10px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(16,18,26,.45)}
.ymp4-footlinks a:hover{border-color:rgba(123,79,179,.55);background:rgba(123,79,179,.10)}
.ymp4-legal{margin-top:12px;border:1px solid var(--ymp4-line);border-radius:var(--ymp4-radius);background:rgba(255,255,255,.03);padding:12px}
.ymp4-legaltext{color:var(--ymp4-muted);font-size:13px;line-height:1.45}
.ymp4-copy{margin-top:8px;color:var(--ymp4-faint);font-size:12.5px;line-height:1.35}

.ymp4-card:hover,.ymp4-tab:hover,.ymp4-chipbtn:hover,.ymp4-tag:hover,.ymp4-relatedgrid a:hover,.ymp4-pagerrow a:hover,.ymp4-footlinks a:hover{transition:background-color .16s ease,border-color .16s ease,transform .16s ease}

@media (min-width:540px){
  .ymp4-shell{padding:0 18px}
  .ymp4-h1{font-size:34px}
  .ymp4-grid{grid-template-columns:repeat(3,1fr)}
  .ymp4-statgrid{grid-template-columns:repeat(4,1fr)}
  .ymp4-cardrow{grid-template-columns:repeat(2,1fr)}
  .ymp4-paygrid{grid-template-columns:repeat(3,1fr)}
  .ymp4-taggrid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:820px){
  .ymp4-hero-grid{grid-template-columns:1.1fr .9fr;gap:12px}
  .ymp4-split{grid-template-columns:1fr 1fr}
  .ymp4-comparegrid{grid-template-columns:1fr 1fr}
  .ymp4-contentgrid{grid-template-columns:1.45fr .55fr}
  .ymp4-relatedgrid{grid-template-columns:1fr 1fr}
  .ymp4-footgrid{grid-template-columns:1fr 1fr}
  .ymp4-grid{grid-template-columns:repeat(4,1fr)}
}