:root{--eaa4-primary:#89393e;--eaa4-accent:#1fb5c6;--eaa4-bg:#f6f7fb;--eaa4-surface:#ffffff;--eaa4-text:#111418;--eaa4-muted:#5a6675;--eaa4-border:rgba(17,20,24,.12);--eaa4-shadow:0 10px 30px rgba(17,20,24,.10);--eaa4-shadow2:0 12px 34px rgba(137,57,62,.14);--eaa4-radius:16px;--eaa4-radius2:12px;--eaa4-max:1120px;--eaa4-font-body:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--eaa4-font-head:"Kanit",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--eaa4-grad:linear-gradient(135deg,rgba(137,57,62,.14),rgba(31,181,198,.14));}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(900px 380px at 10% -10%,rgba(31,181,198,.18),transparent 60%),radial-gradient(900px 380px at 90% -10%,rgba(137,57,62,.16),transparent 60%),var(--eaa4-bg);color:var(--eaa4-text);font-family:var(--eaa4-font-body);font-size:15px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.eaa4-visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.eaa4-skip{position:absolute;left:-999px;top:12px;background:var(--eaa4-surface);border:1px solid var(--eaa4-border);border-radius:12px;padding:10px 12px;box-shadow:var(--eaa4-shadow);font-size:14px;z-index:10}
.eaa4-skip:focus{left:12px}

.eaa4-header{position:sticky;top:0;z-index:20;background:rgba(246,247,251,.85);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--eaa4-border)}
.eaa4-topbar{max-width:var(--eaa4-max);margin:0 auto;padding:12px 14px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.eaa4-brand{min-width:0;display:flex;flex-direction:column;gap:2px}
.eaa4-logo{font-family:var(--eaa4-font-head);letter-spacing:.8px;font-weight:800;font-size:20px;line-height:1.1;color:var(--eaa4-primary);text-transform:uppercase}
.eaa4-slogan{font-size:12px;line-height:1.35;color:var(--eaa4-muted)}
.eaa4-top-actions{display:flex;align-items:center;gap:10px;min-width:0}
.eaa4-search{width:min(420px,52vw)}
.eaa4-input{width:100%;border:1px solid var(--eaa4-border);background:rgba(255,255,255,.9);border-radius:14px;padding:10px 12px;font-size:14px;outline:none}
.eaa4-input:focus{border-color:rgba(31,181,198,.55);box-shadow:0 0 0 4px rgba(31,181,198,.16)}

.eaa4-nav{border-top:1px solid rgba(17,20,24,.06)}
.eaa4-nav-inner{max-width:var(--eaa4-max);margin:0 auto;padding:8px 14px}
.eaa4-nav-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.eaa4-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(17,20,24,.10);background:rgba(255,255,255,.8);font-size:14px;line-height:1;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.eaa4-nav a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,20,24,.10);border-color:rgba(31,181,198,.40)}

.eaa4-ticker-wrap{overflow:hidden;border-top:1px solid rgba(17,20,24,.06)}
.eaa4-ticker{max-width:var(--eaa4-max);margin:0 auto;padding:8px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.eaa4-ticker a{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:999px;background:var(--eaa4-grad);border:1px solid rgba(17,20,24,.10);font-size:13px;line-height:1.15;position:relative;overflow:hidden}
.eaa4-ticker a::after{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,rgba(31,181,198,.28),transparent);transform:translateX(-120%);animation:eaa4-shine 6s linear infinite}
@keyframes eaa4-shine{0%{transform:translateX(-120%)}40%{transform:translateX(120%)}100%{transform:translateX(120%)}}

.eaa4-main{max-width:var(--eaa4-max);margin:0 auto;padding:18px 14px 34px}
.eaa4-section{margin-top:18px}

.eaa4-glow{background:rgba(255,255,255,.92);border:1px solid var(--eaa4-border);border-radius:var(--eaa4-radius);box-shadow:var(--eaa4-shadow);position:relative}
.eaa4-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(140deg,rgba(31,181,198,.35),rgba(137,57,62,.28),transparent 60%);opacity:.0;transition:opacity .22s ease;pointer-events:none}
.eaa4-glow:hover::before{opacity:.55}

.eaa4-hero{margin-top:6px}
.eaa4-hero-grid{display:grid;gap:14px;grid-template-columns:1fr}
.eaa4-hero-card{overflow:hidden}
.eaa4-hero-media{background:linear-gradient(180deg,rgba(137,57,62,.10),transparent);border-bottom:1px solid rgba(17,20,24,.08)}
.eaa4-hero-media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.eaa4-hero-body{padding:14px}
.eaa4-hero-kicker{font-size:13px;color:var(--eaa4-muted)}
.eaa4-hero-title{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.7px;margin:6px 0 8px;font-size:24px;line-height:1.15}
.eaa4-hero-lead{margin:0;color:rgba(17,20,24,.86);font-size:15px}
.eaa4-hero-pills{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.eaa4-pill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(17,20,24,.10);background:rgba(255,255,255,.78);font-size:13px;line-height:1}

.eaa4-hero-aside{display:grid;gap:14px}
.eaa4-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
.eaa4-metric{padding:12px;border-radius:14px;background:linear-gradient(180deg,rgba(31,181,198,.12),rgba(255,255,255,.85));border:1px solid rgba(17,20,24,.08)}
.eaa4-metric-num{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;font-size:20px;line-height:1.1;color:var(--eaa4-primary)}
.eaa4-metric-label{font-size:13px;color:var(--eaa4-muted);margin-top:4px}
.eaa4-mini-panels{display:grid;gap:14px}
.eaa4-mini{padding:14px}
.eaa4-mini-title{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;margin:0 0 8px;font-size:16px;line-height:1.2}
.eaa4-mini-text{margin:0;color:rgba(17,20,24,.86);font-size:15px}
.eaa4-mini-list{margin:0;padding-left:18px;color:rgba(17,20,24,.86);font-size:15px}

.eaa4-section-head{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px}
.eaa4-h1{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.8px;margin:0;font-size:28px;line-height:1.15}
.eaa4-h2{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.7px;margin:0 0 6px;font-size:20px;line-height:1.2}
.eaa4-h3{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;margin:0 0 6px;font-size:16px;line-height:1.25}
.eaa4-subhead{margin:0;color:var(--eaa4-muted);font-size:13px;line-height:1.5}
.eaa4-p{margin:0;color:rgba(17,20,24,.86);font-size:15px}

.eaa4-tabs{display:flex;flex-wrap:wrap;gap:8px}
.eaa4-tab{border:1px solid rgba(17,20,24,.12);background:rgba(255,255,255,.84);border-radius:999px;padding:10px 12px;font-size:14px;line-height:1;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.eaa4-tab:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,20,24,.10);border-color:rgba(31,181,198,.40)}
.eaa4-tab:focus{outline:none;box-shadow:0 0 0 4px rgba(31,181,198,.16)}
.eaa4-tab-active{background:linear-gradient(135deg,rgba(31,181,198,.18),rgba(137,57,62,.12));border-color:rgba(31,181,198,.42)}
.eaa4-tabpanes{margin-top:12px}
.eaa4-tabpane{display:none}
.eaa4-tabpane-active{display:block}

.eaa4-chiprow{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.eaa4-chip{border:1px solid rgba(17,20,24,.12);background:rgba(255,255,255,.8);border-radius:999px;padding:9px 10px;font-size:13px;line-height:1;cursor:pointer}
.eaa4-chip-active{border-color:rgba(137,57,62,.35);background:linear-gradient(135deg,rgba(137,57,62,.12),rgba(31,181,198,.10))}

.eaa4-masonry{columns:1;column-gap:14px}
.eaa4-card{display:block;break-inside:avoid;margin:0 0 14px;border-radius:var(--eaa4-radius);overflow:hidden;background:rgba(255,255,255,.92);border:1px solid var(--eaa4-border);box-shadow:var(--eaa4-shadow);transition:transform .18s ease,box-shadow .18s ease}
.eaa4-card:hover{transform:translateY(-2px);box-shadow:var(--eaa4-shadow2)}
.eaa4-card-media{background:linear-gradient(180deg,rgba(31,181,198,.12),transparent)}
.eaa4-card-media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.eaa4-card-body{padding:12px 12px 14px}
.eaa4-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(137,57,62,.10);border:1px solid rgba(137,57,62,.22);font-size:12px;line-height:1;color:rgba(17,20,24,.86)}
.eaa4-card-title{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;margin:10px 0 6px;font-size:16px;line-height:1.2}
.eaa4-card-sub{margin:0;color:var(--eaa4-muted);font-size:13px;line-height:1.45}

.eaa4-two{display:grid;grid-template-columns:1fr;gap:14px}
.eaa4-panel{padding:14px}
.eaa4-grid-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.eaa4-cat{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 10px;border-radius:14px;border:1px solid rgba(17,20,24,.10);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(31,181,198,.08));font-size:14px;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease}
.eaa4-cat:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,20,24,.10)}
.eaa4-provider-list{display:grid;gap:10px;margin-top:10px}
.eaa4-provider{padding:12px;border-radius:14px;border:1px solid rgba(17,20,24,.10);background:rgba(255,255,255,.84)}
.eaa4-provider-name{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;font-size:14px;line-height:1.2;color:var(--eaa4-primary)}
.eaa4-provider-desc{margin-top:6px;font-size:13px;line-height:1.5;color:var(--eaa4-muted)}

.eaa4-benefits{display:grid;grid-template-columns:1fr;gap:14px}
.eaa4-benefit{padding:14px}

.eaa4-compare{padding:14px}
.eaa4-compare-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.eaa4-compare-item{padding:12px;border-radius:14px;border:1px solid rgba(17,20,24,.10);background:linear-gradient(180deg,rgba(137,57,62,.08),rgba(255,255,255,.86))}
.eaa4-compare-title{font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;font-size:14px;line-height:1.2}
.eaa4-compare-text{margin-top:6px;font-size:13px;color:var(--eaa4-muted);line-height:1.5}

.eaa4-payments{padding:14px}
.eaa4-paygrid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.eaa4-pay{padding:10px 12px;border-radius:999px;border:1px solid rgba(17,20,24,.12);background:rgba(255,255,255,.86);font-size:13px;line-height:1}

.eaa4-steps{display:grid;gap:10px}
.eaa4-step-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.eaa4-step{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start;padding:14px}
.eaa4-step-num{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--eaa4-font-head);font-weight:800;letter-spacing:.6px;font-size:16px;background:linear-gradient(135deg,rgba(31,181,198,.22),rgba(137,57,62,.14));border:1px solid rgba(17,20,24,.10);color:var(--eaa4-primary)}

.eaa4-article-wrap{padding:14px}
.eaa4-article-head{margin-bottom:10px}
.eaa4-kicker{font-size:13px;color:var(--eaa4-muted)}
.eaa4-article{padding:2px 2px 10px}
.eaa4-article :where(p,ul,ol,table,blockquote,hr,figure,div){margin:0 0 12px}
.eaa4-article :where(h2){font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.7px;font-size:20px;line-height:1.25;margin:16px 0 8px}
.eaa4-article :where(h3){font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;font-size:16px;line-height:1.25;margin:14px 0 6px}
.eaa4-article :where(p,li){font-size:15px;line-height:1.75;color:rgba(17,20,24,.88)}
.eaa4-article :where(ul,ol){padding-left:18px}
.eaa4-article :where(table){width:100%;border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}
.eaa4-article :where(th,td){border:1px solid rgba(17,20,24,.12);padding:10px 10px;font-size:13px;line-height:1.45;white-space:nowrap}
.eaa4-article :where(th){background:rgba(31,181,198,.10);text-align:left}
.eaa4-article :where(blockquote){padding:12px 12px;border-left:4px solid rgba(31,181,198,.70);background:linear-gradient(135deg,rgba(31,181,198,.10),rgba(137,57,62,.06));border-radius:14px}
.eaa4-article :where(hr){border:0;border-top:1px solid rgba(17,20,24,.10)}
.eaa4-article :where(figure img){border-radius:14px;border:1px solid rgba(17,20,24,.10)}

.eaa4-faq{padding:14px}
.eaa4-faq-list{display:grid;gap:10px;margin-top:10px}
.eaa4-faq-item{border:1px solid rgba(17,20,24,.12);border-radius:14px;background:rgba(255,255,255,.86);overflow:hidden}
.eaa4-faq-q{cursor:pointer;padding:12px 12px;font-family:var(--eaa4-font-head);text-transform:uppercase;letter-spacing:.6px;font-size:14px;line-height:1.25;list-style:none}
.eaa4-faq-q::-webkit-details-marker{display:none}
.eaa4-faq-a{padding:0 12px 12px}

.eaa4-page-head{display:grid;gap:12px;margin-top:6px}
.eaa4-crumbs{overflow:hidden}
.eaa4-crumbs-inner{display:flex;flex-wrap:wrap;gap:8px}
.eaa4-crumbs a{display:inline-flex;align-items:center;padding:9px 10px;border-radius:999px;border:1px solid rgba(17,20,24,.10);background:rgba(255,255,255,.84);font-size:13px;line-height:1}
.eaa4-titlebox{padding:14px}
.eaa4-meta{margin:6px 0 0;color:var(--eaa4-muted);font-size:13px;line-height:1.55}
.eaa4-meta-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.eaa4-meta-chip{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;border:1px solid rgba(17,20,24,.12);background:linear-gradient(135deg,rgba(31,181,198,.10),rgba(255,255,255,.84));font-size:13px;line-height:1}

.eaa4-layout{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.eaa4-sidebar{display:grid;gap:14px}
.eaa4-sidebox{padding:14px}
.eaa4-ul{margin:0;padding-left:18px}
.eaa4-ul li{font-size:15px;line-height:1.75;color:rgba(17,20,24,.88)}
.eaa4-article-divider{height:1px;background:rgba(17,20,24,.10);margin:14px 0}
.eaa4-inline-grid{display:grid;gap:10px;margin-top:10px}
.eaa4-inline-card{padding:12px;border-radius:14px;border:1px solid rgba(17,20,24,.10);background:rgba(255,255,255,.84)}

.eaa4-pager{margin-top:16px;padding:14px}
.eaa4-pager-inner{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
.eaa4-pager a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(17,20,24,.12);background:rgba(255,255,255,.86);font-size:14px;line-height:1;min-width:140px;transition:transform .18s ease,box-shadow .18s ease}
.eaa4-pager a:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,20,24,.10)}

.eaa4-related{padding:14px}

.eaa4-footer{margin-top:18px;border-top:1px solid var(--eaa4-border);background:rgba(255,255,255,.70)}
.eaa4-footer-grid{max-width:var(--eaa4-max);margin:0 auto;padding:18px 14px;display:grid;gap:14px;grid-template-columns:1fr}
.eaa4-footer-text{margin:8px 0 0;color:var(--eaa4-muted);font-size:13px;line-height:1.6}

[data-eaa4-reveal]{opacity:1;transform:none}
.eaa4-reveal{opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease}
.eaa4-reveal.eaa4-reveal-in{opacity:1;transform:none}

@media (min-width:560px){
  body{font-size:16px}
  .eaa4-hero-title{font-size:28px}
  .eaa4-masonry{columns:2}
  .eaa4-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eaa4-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eaa4-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:820px){
  .eaa4-hero-grid{grid-template-columns:1.35fr .65fr;align-items:start}
  .eaa4-two{grid-template-columns:1fr 1fr}
  .eaa4-masonry{columns:3}
  .eaa4-layout{grid-template-columns:1.45fr .55fr;align-items:start}
  .eaa4-footer-grid{grid-template-columns:1.1fr .9fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  .eaa4-card,.eaa4-tab,.eaa4-nav a,.eaa4-cat,.eaa4-pager a{transition:none}
  .eaa4-ticker a::after{animation:none}
  .eaa4-reveal{transition:none;transform:none}
}
