:root{
    
    --brand:        #395AFF;
    --brand-light:   #0400FF;
    --brand-deep:    #0300B4;
    --brand-ink:     #002288;
    --brand-soft:    #FDFAED;
    --blue:          #ff762c;
    --blue-soft:     #EAF0FE;
    --gold:          #C9A227;

    --ink:           #001658;
    --body-text:     #3B455A;
    --muted:         #696B83;
    --surface:       #FFFFFF;
    --surface-alt:   #F6F8FB;
    --surface-dark:  #100E17;
    --line:          #DCE3EA;
    --line-soft:     #E7ECF1;
    --footer-bg:     #000000;
    --footer-text:   #B9BEB6;
    --footer-heading:#FFFFFF;

    --font-primary: 'IBM Plex Sans Thai', 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif;

    --container: 1180px;
    --wrap-pad: 24px;
    --radius-s: 10px;
    --radius-m: 16px;
    --radius-l: 26px;
    --shadow-card: 0 1px 2px rgba(18,33,27,.04), 0 8px 24px rgba(18,33,27,.06);
  }

  *{ box-sizing:border-box; }
  html{ scroll-behavior:smooth; }
  body{
    margin:0;
    font-family:var(--font-primary);
    color:var(--body-text);
    background:var(--surface);
    -webkit-font-smoothing:antialiased;
    line-height:1.65;
    font-size:16px;
  }
  img,svg{ max-width:100%; display:block; }
  a{ color:inherit; text-decoration:none; }
  ul{ margin:0; padding:0; list-style:none; }
  p{ margin:0 0 1em; }
  p:last-child{ margin-bottom:0; }

  .wrap{
    max-width:var(--container);
    margin:0 auto;
    padding:0 var(--wrap-pad);
  }

  h1,h2,h3,h4{
    color:var(--ink);
    font-weight:700;
    line-height:1.2;
    margin:0 0 .5em;
    letter-spacing:-.01em;
  }
  h1{ font-size:clamp(2.1rem, 1.4rem + 3vw, 3.6rem); }
  h2{ font-size:clamp(1.9rem, 1.4rem + 2vw, 2.75rem); line-height:1.15; }
  h3{ font-size:1.3rem; }

  .eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.85rem;
    font-weight:400;
    color:var(--brand-ink);
    opacity:.65;
    margin-bottom:16px;
  }

  .lede{
    font-size:1.15rem;
    color:var(--body-text);
    max-width:64ch;
  }

  .accent{ color:var(--blue); }

  .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:inherit;
    font-weight:600;
    font-size:1rem;
    padding:14px 26px;
    border-radius:100px;
    border:none;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease;
    white-space:nowrap;
  }
  .btn-primary{
    background:var(--brand);
    color:#FFFFFF;
    box-shadow:0 10px 24px -8px rgba(57,90,255,.55);
  }
  .btn-primary:hover{ background:var(--brand-light); transform:translateY(-1px); }
  .btn-ghost{
    background:transparent;
    color:var(--ink);
    border:1.5px solid var(--line);
  }
  .btn-ghost:hover{ border-color:var(--ink); }
  .btn-on-dark{
    background:var(--brand);
    color:#FFFFFF;
  }
  .btn-on-dark:hover{ background:var(--brand-light); }
  .btn-sm{ padding:10px 18px; font-size:.9rem; }
  .btn-arrow{ font-size:1.05em; transition:transform .15s ease; }
  .btn:hover .btn-arrow{ transform:translateX(3px); }

  .section{ padding:88px 0; }
  .section--tight{ padding:56px 0; }
  .section--alt{ background:var(--surface-alt); }
  .section-head{ max-width:760px; margin:0 0 44px; }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }

  .tile-icon{
    width:46px; height:46px;
    border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    background:var(--brand-soft);
    color:var(--blue);
    flex:none;
  }
  .tile-icon svg{ width:22px; height:22px; }

  @media (max-width:720px){
    :root{ --wrap-pad: 18px; }
    .section{ padding:56px 0; }
    .section--tight{ padding:40px 0; }
  }

  .risk-strip{
    background:#000000;
    color:#F0D4CE;
    font-size:.78rem;
    padding:8px 0;
    text-align:center;
  }
  .risk-strip .wrap{ padding:0 24px; }

  header.site-header{
    position:sticky; top:0; z-index:40;
    border-bottom:1px solid var(--line-soft);
    isolation:isolate; 
  }
  
  header.site-header::before{
    content:'';
    position:absolute; inset:0; z-index:-1;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px var(--wrap-pad);
    gap:20px;
  }
  .header-left{ display:flex; align-items:center; gap:40px; min-width:0; flex:1 1 auto; }
  .brand-group{ display:flex; align-items:center; gap:10px; flex:none; }
  .logo-link{ flex:none; display:flex; align-items:center; }
  .logo-link img{ height:28px; width:auto; }
  .country-badge{
    width:20px; height:14px;
    border-radius:3px;
    overflow:hidden;
    flex:none;
    display:block;
    box-shadow:0 1px 4px rgba(16,33,27,.28);
  }
  .country-badge svg{ width:100%; height:100%; display:block; }
  nav.main-nav{ display:flex; align-items:center; gap:22px; min-width:0; flex:1 1 auto; }
  .nav-panel-inner{ display:contents; }
  .nav-items{ display:flex; align-items:center; gap:22px; overflow:hidden; min-width:0; }
  .nav-items a{
    font-size:.95rem; font-weight:500; color:var(--body-text);
    transition:color .15s ease, background-color .15s ease;
    white-space:nowrap;
  }
  @media (min-width:861px){
    .nav-items a{ padding:8px 16px; border-radius:100px; }
    .nav-items a:hover:not(.active){ background:var(--surface-alt); color:var(--brand-ink); }
    .nav-items a.active{ background:var(--brand-soft); color:var(--brand-ink); }
  }
  @media (max-width:860px){
    .nav-items a.active{ background:var(--brand-soft); color:var(--brand-ink); }
  }

  .nav-more{ position:relative; flex:none; }
  .nav-more[hidden]{ display:none; }
  .nav-more-btn{
    display:inline-flex; align-items:center; gap:6px;
    background:none; border:none; cursor:pointer; padding:0;
    font-family:inherit; font-size:.95rem; font-weight:500; color:var(--body-text);
    white-space:nowrap;
    transition:color .15s ease;
  }
  .nav-more:hover .nav-more-btn, .nav-more:focus-within .nav-more-btn{ color:var(--ink); }
  .nav-more-caret{ flex:none; transition:transform .15s ease; }
  .nav-more:hover .nav-more-caret, .nav-more:focus-within .nav-more-caret{ transform:rotate(180deg); }
  .nav-more-menu{
    position:absolute; top:100%; left:50%;
    transform:translateX(-50%) translateY(4px);
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    box-shadow:var(--shadow-card);
    padding:8px;
    margin-top:10px;
    min-width:220px;
    display:flex; flex-direction:column; gap:2px;
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
  }
  .nav-more:hover .nav-more-menu, .nav-more:focus-within .nav-more-menu{
    opacity:1; visibility:visible; pointer-events:auto;
    transform:translateX(-50%) translateY(0);
  }
  .nav-more-menu a{
    padding:9px 12px; border-radius:8px; font-size:.92rem;
    white-space:nowrap;
  }
  .nav-more-menu a:hover{ background:var(--surface-alt); color:var(--ink); }

  .header-right{ display:flex; align-items:center; gap:10px; flex:none; }
  .header-actions{ display:flex; align-items:center; gap:10px; flex:none; }
  .nav-toggle{
    display:none; background:none; border:none; cursor:pointer;
    width:40px; height:40px; align-items:center; justify-content:center;
    flex:none;
  }
  .nav-toggle span, .nav-toggle span::before, .nav-toggle span::after{
    content:''; display:block; width:20px; height:2px; background:var(--ink);
    position:relative; transition:.2s;
  }
  .nav-toggle span::before{ position:absolute; top:-6px; }
  .nav-toggle span::after{ position:absolute; top:6px; }
  
  .nav-toggle.active span{ background:transparent; }
  .nav-toggle.active span::before{ top:0; transform:rotate(45deg); }
  .nav-toggle.active span::after{ top:0; transform:rotate(-45deg); }

  @media (max-width:860px){
    .site-header .wrap{ padding-left:18px; padding-right:18px; }
    .header-row{
      padding:10px 0;
    }
    .header-left{ display:contents; }
    .brand-group{ order:1; }
    .header-right{ order:2; }
    .nav-toggle{ display:flex; }
    nav.main-nav{
      position:absolute; top:100%; left:0; right:0;
      background:var(--surface);
      border-bottom:1px solid var(--line-soft);
      display:grid;
      grid-template-rows:0fr;
      overflow:hidden;
      opacity:0;
      visibility:hidden;
      order:4;
      box-shadow:0 12px 24px rgba(16,33,27,.12);
      transition:grid-template-rows .32s cubic-bezier(.4,0,.2,1), opacity .22s ease, visibility .32s, box-shadow .32s ease;
    }
    nav.main-nav.open{
      grid-template-rows:1fr;
      opacity:1;
      visibility:visible;
    }
    .nav-panel-inner{
      display:flex; flex-direction:column; align-items:flex-start;
      gap:6px;
      padding:8px 18px 18px;
      overflow:hidden;
      min-height:0;
    }
    nav.main-nav a{
      padding:14px 0; width:100%;
      font-size:1.08rem;
      opacity:0; transform:translateY(-8px);
      transition:color .15s ease, opacity .4s ease, transform .4s ease;
    }
    
    nav.main-nav.open a{ opacity:1; transform:translateY(0); }
    nav.main-nav.open .nav-items a:nth-child(1){ transition-delay:.1s; }
    nav.main-nav.open .nav-items a:nth-child(2){ transition-delay:.19s; }
    nav.main-nav.open .nav-items a:nth-child(3){ transition-delay:.28s; }
    nav.main-nav.open .nav-items a:nth-child(4){ transition-delay:.37s; }
    .nav-items{ display:contents; overflow:visible; }
    .nav-more{ display:none !important; }
  }

  .hero{
    position:relative;
    overflow:hidden;
    background:var(--surface-dark);
  }
  .hero-canvas{
    position:absolute; inset:0;
    width:100%; height:100%;
    display:block;
  }
  .hero-scrim{
    position:absolute; inset:0;
    background:linear-gradient(100deg, rgba(6,14,10,.85) 0%, rgba(6,14,10,.68) 52%, rgba(6,14,10,.28) 78%, rgba(6,14,10,.05) 100%);
    pointer-events:none;
  }
  .hero-inner{
    position:relative; z-index:2;
    padding:40px 24px 98px;
    max-width:var(--container);
    margin:0 auto;
  }
  .hero-content{
    max-width:800px;
    padding-top:24px;
  }
  .hero-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    font-size:.85rem; font-weight:400;
    color:var(--brand-soft);
    opacity:.6;
    margin-bottom:16px;
  }
  .hero h1{
    color:#FFFFFF;
    font-size:clamp(2.1rem, 1.3rem + 3.4vw, 3.5rem);
    max-width:18ch;
    margin-bottom:19px;
  }
  .hero .lede{
    color:#D6E4DB;
    font-size:1.15rem;
    max-width:52ch;
    margin-bottom:0;
  }
  .hero-ctas{
    display:flex; align-items:center; gap:14px; flex-wrap:wrap;
    margin-top:21px;
  }
  .btn-on-hero-ghost{
    background:rgba(255,255,255,.08);
    color:#fff;
    border:1.5px solid rgba(255,255,255,.28);
  }
  .btn-on-hero-ghost:hover{ background:rgba(255,255,255,.16); }

  @media (max-width:720px){
    .hero-inner{ padding:32px 18px 98px; }
    .hero-content{ padding-top:8px; }
    .hero .lede{ font-size:1.02rem; }
  }

  .stat-row{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:16px;
    margin-top:-56px;
    position:relative;
    z-index:5;
  }
  .stat-card{
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    box-shadow:0 24px 48px -16px rgba(9,20,15,.16), 0 4px 10px -2px rgba(9,20,15,.05);
    padding:22px 24px;
  }
  .stat-card .stat-label{
    font-size:.82rem; color:var(--muted); font-weight:500; margin-bottom:6px;
  }
  .stat-card .stat-value{
    font-size:1.3rem; font-weight:700; color:var(--ink);
    font-variant-numeric:tabular-nums;
    line-height:1.35;
  }
  .stat-card .stat-note{
    font-size:.8rem; color:var(--muted); margin-top:6px;
  }
  @media (max-width:860px){
    .stat-row{
      grid-template-columns:repeat(3, minmax(240px,1fr));
      overflow-x:auto;
      overflow-y:visible;
      margin-top:-56px;
      margin-left:calc(-1 * var(--wrap-pad));
      margin-right:calc(-1 * var(--wrap-pad));
      padding-left:var(--wrap-pad);
      padding-right:var(--wrap-pad);
      
      padding-top:32px;
      padding-bottom:48px;
      scroll-snap-type:x mandatory;
      scroll-padding-left:var(--wrap-pad);
      scroll-padding-right:var(--wrap-pad);
      scrollbar-width:none;      
      -ms-overflow-style:none;   
    }
    .stat-row::-webkit-scrollbar{ display:none; } 
    .stat-card{ scroll-snap-align:start; }
  }

  .icon-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
  }
  .icon-list-item{
    display:flex; gap:14px;
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    padding:20px;
  }
  .icon-list-item p{ font-size:.95rem; color:var(--body-text); margin:0; }
  @media (max-width:720px){
    .icon-list{ grid-template-columns:1fr; }
  }

  .plate{
    border-radius:var(--radius-m);
    padding:32px;
  }
  .plate--brand{ background:var(--brand-soft); border:1px solid #C9F2C6; }
  .plate--blue{ background:var(--surface-alt); border:1px solid var(--line-soft); }
  .plate--white{ background:var(--surface); border:1px solid var(--line-soft); }
  .plate--dark{ background:var(--surface-dark); color:#EAF2EC; }
  .plate--dark h3{ color:var(--blue); }
  .plate--dark strong{ color:#fff; }
  .plate-kicker{ font-size:.82rem; font-weight:600; color:var(--brand-ink); margin-bottom:10px; }
  .plate--blue .plate-kicker, .plate--white .plate-kicker{ color:var(--blue); }
  .plate--dark .plate-kicker{ color:var(--blue); }

  .pull{
    font-size:clamp(1.4rem, 1.1rem + 1.4vw, 2.25rem);
    font-weight:600;
    color:var(--ink);
    line-height:1.4;
    max-width:34ch;
    letter-spacing:-.01em;
    margin:0 auto;
    text-align:center;
  }
  .pull .accent{ color:var(--blue); }
  .pull .accent-brand{ color:var(--brand-ink); }

  .kv-row{ display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-top:1px solid var(--line); }
  .kv-row:first-child{ border-top:none; }
  .kv-row dt{ color:var(--muted); font-size:.92rem; }
  .kv-row dd{ margin:0; font-weight:600; color:var(--ink); text-align:right; font-variant-numeric:tabular-nums; }

  .category-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:18px;
  }
  .category-card{
    display:block;
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    padding:26px;
    transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
  }
  .category-card:hover{
    border-color:var(--brand);
    transform:translateY(-2px);
    box-shadow:var(--shadow-card);
  }
  .category-card .tile-icon{ margin-bottom:18px; }
  .category-card h3{ margin-bottom:8px; font-size:1.15rem; }
  .category-card p{ font-size:.92rem; color:var(--muted); margin-bottom:14px; }
  .category-card .go{ font-size:.9rem; font-weight:600; color:var(--blue); display:inline-flex; align-items:center; gap:6px; }

  .link-chip-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:8px; }
  .link-chip{
    font-size:.88rem; font-weight:500;
    padding:9px 16px;
    border-radius:100px;
    border:1px solid var(--line);
    color:var(--body-text);
    transition:border-color .15s ease, color .15s ease;
  }
  .link-chip:hover{ border-color:var(--blue); color:var(--blue); }

  @media (max-width:720px){
    .link-chip-row{ flex-direction:column; gap:8px; }
    .link-chip{ display:block; width:100%; text-align:center; }
  }

  @media (max-width:720px){
    .category-grid{ grid-template-columns:1fr; }
  }

  .table-wrap{
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    overflow:hidden;
    box-shadow:var(--shadow-card);
  }
  table.accounts{
    width:100%;
    border-collapse:collapse;
    font-size:.94rem;
  }
  table.accounts th{
    text-align:left;
    font-size:.8rem;
    text-transform:none;
    color:var(--muted);
    font-weight:600;
    background:var(--surface-alt);
    padding:14px 18px;
    border-bottom:1px solid var(--line-soft);
  }
  table.accounts td{
    padding:16px 18px;
    border-bottom:1px solid var(--line-soft);
    vertical-align:top;
    color:var(--body-text);
  }
  table.accounts tr:last-child td{ border-bottom:none; }
  table.accounts td.acc-name{ font-weight:700; color:var(--ink); }
  table.accounts td.acc-best{ color:var(--muted); font-size:.88rem; max-width:26ch; }

  .account-cards{ display:none; flex-direction:column; gap:14px; }
  .account-card{
    background:var(--surface);
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    padding:20px;
    box-shadow:var(--shadow-card);
  }
  .account-card h4{ margin:0 0 12px; font-size:1.05rem; color:var(--ink); }
  .account-card .kv-row dt{ font-size:.85rem; }
  .account-card .kv-row dd{ font-size:.9rem; text-align:right; max-width:56%; }
  .account-card .best-for{
    margin-top:12px; padding-top:12px; border-top:1px solid var(--line);
    font-size:.85rem; color:var(--muted);
  }

  @media (max-width:760px){
    .table-wrap{ display:none; }
    .account-cards{ display:flex; }
  }

  .faq-list{ display:flex; flex-direction:column; gap:10px; }
  .faq-item{
    border:1px solid var(--line-soft);
    border-radius:var(--radius-m);
    background:var(--surface);
    overflow:hidden;
  }
  .faq-q{
    width:100%;
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    background:none; border:none; cursor:pointer;
    padding:20px 22px;
    font-family:inherit;
    font-size:1rem; font-weight:600; color:var(--ink);
    text-align:left;
  }
  .faq-q .plus{
    flex:none; width:24px; height:24px; border-radius:50%;
    background:var(--surface-alt);
    display:flex; align-items:center; justify-content:center;
    position:relative;
  }
  .faq-q .plus::before, .faq-q .plus::after{
    content:''; position:absolute; background:var(--ink);
    transition:transform .2s ease;
  }
  .faq-q .plus::before{ width:10px; height:2px; }
  .faq-q .plus::after{ width:2px; height:10px; }
  .faq-item.open .faq-q .plus::after{ transform:rotate(90deg) scaleY(0); }
  .faq-a{
    max-height:0;
    overflow:hidden;
    transition:max-height .25s ease;
  }
  .faq-a-inner{ padding:0 22px 22px; color:var(--body-text); font-size:.95rem; }
  .faq-item.open .faq-a{ max-height:600px; }

  .final-cta{
    background:var(--surface-dark);
    border-radius:var(--radius-l);
    padding:56px 40px;
    text-align:center;
    color:#fff;
    position:relative;
    overflow:hidden;
  }
  .final-cta::before{
    content:'';
    position:absolute; inset:0;
    background:radial-gradient(560px 280px at 50% 0%, rgba(50,231,51,.28), transparent 70%);
    pointer-events:none;
  }
  .final-cta h2{ color:#fff; position:relative; }
  .final-cta p{ color:#C9D6CD; position:relative; max-width:52ch; margin:0 auto 28px; }
  .final-cta .btn{ position:relative; }
  @media (max-width:720px){
    .final-cta{ padding:40px 22px; }
  }

  footer.site-footer{
    background:var(--footer-bg);
    color:var(--footer-text);
    padding-top:64px;
  }
  .footer-top{
    display:flex; justify-content:space-between; gap:40px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .footer-brand{ max-width:320px; }
  .footer-brand svg{ margin-bottom:16px; }
  .footer-brand p{ font-size:.88rem; line-height:1.6; color:var(--footer-text); }
  .footer-groups{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:32px;
    flex:1;
    max-width:720px;
  }
  .footer-group h4{
    color:var(--footer-heading);
    font-size:.85rem; font-weight:600;
    margin:0 0 16px;
  }
  .footer-group ul{ display:flex; flex-direction:column; gap:10px; }
  .footer-group a{
    font-size:.86rem; color:var(--footer-text);
    transition:color .15s ease;
  }
  .footer-group a:hover{ color:var(--brand); }
  .footer-bottom{
    display:flex; justify-content:space-between; align-items:flex-start;
    gap:24px;
    padding:28px 0 40px;
    font-size:.8rem;
    color:#7C8680;
  }
  .footer-bottom .risk-note{ max-width:640px; line-height:1.6; opacity:.55; }
  .footer-bottom .copyright{ white-space:nowrap; opacity:.55; }

  @media (max-width:900px){
    .footer-top{ flex-direction:column; gap:36px; }
    .footer-groups{ grid-template-columns:repeat(2, 1fr); max-width:none; }
  }
  @media (max-width:560px){
    .footer-groups{ grid-template-columns:1fr 1fr; gap:24px; }
    .footer-bottom{ flex-direction:column; }
  }

  .grid-2{ display:grid; grid-template-columns:1.1fr .9fr; gap:48px; align-items:start; }
  .grid-2.reverse{ grid-template-columns:.9fr 1.1fr; }
  .stack{ display:flex; flex-direction:column; gap:20px; }
  @media (max-width:860px){
    .grid-2, .grid-2.reverse{ grid-template-columns:1fr; gap:28px; }
  }
  .sr-only{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  }

html{ scroll-padding-top:84px; }

.hero--static::before{
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(720px 360px at 82% 18%, rgba(50,231,51,.20), transparent 70%),
    linear-gradient(120deg, #0A1712 0%, #050B08 100%);
}

.hero .hero-meta{
  margin:18px 0 0;
  max-width:64ch;
  font-size:.88rem; line-height:1.55;
  color:var(--footer-text);
}

.note{ font-size:.9rem; color:var(--muted); }
.plate--dark .note{ color:var(--footer-text); }

.cta-row{ text-align:center; margin-top:32px; }

h4.plate-kicker{ font-size:.82rem; font-weight:600; line-height:1.65; letter-spacing:0; margin:0 0 10px; }
.plate--blue h4.plate-kicker{ color:var(--blue); }
.plate--dark h4.plate-kicker{ color:var(--brand); }

.plate--warn{
  background:color-mix(in srgb, var(--gold) 12%, var(--surface));
  border:1px solid color-mix(in srgb, var(--gold) 40%, var(--surface));
}
.plate--warn .plate-kicker{ color:color-mix(in srgb, var(--gold) 70%, var(--ink)); }

.plate--dark .kv-row{ border-color:rgba(255,255,255,.12); }
.plate--dark .kv-row dt{ color:var(--footer-text); }
.plate--dark .kv-row dd{ color:#fff; }
.plate--dark a{ color:var(--brand); }

.grid-2--plate-first > .plate{ order:-1; }
@media (max-width:860px){ .grid-2--plate-first > .plate{ order:0; } }

.icon-list-text{ min-width:0; flex:1 1 auto; }
.icon-list-text strong{ display:block; color:var(--ink); margin-bottom:4px; }
.icon-list-text p + p{ margin-top:8px; }

.step-list{
  list-style:none; margin:0; padding:0;
  counter-reset:step;
  display:flex; flex-direction:column; gap:12px;
}
.step-list > li{
  counter-increment:step;
  position:relative;
  padding:18px 20px 18px 82px;
  background:var(--surface);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-m);
  font-size:.95rem;
}
.step-list > li::before{
  content:counter(step);
  position:absolute; left:18px; top:16px;
  width:46px; height:46px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:var(--brand-soft); color:var(--brand-ink);
  font-weight:700;
}

.bullet-list{
  list-style:disc; margin:0 0 1em; padding-left:1.4em;
  display:grid; gap:6px;
}

.table-wrap--scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
@media (max-width:760px){
  .table-wrap.table-wrap--scroll{ display:block; }
  .table-wrap--scroll table.accounts{ min-width:640px; }
}

.stat-row--4{ grid-template-columns:repeat(4, 1fr); }
.stat-row--5{ grid-template-columns:repeat(5, 1fr); }
@media (max-width:860px){
  .stat-row--4{ grid-template-columns:repeat(4, minmax(240px,1fr)); }
  .stat-row--5{ grid-template-columns:repeat(5, minmax(240px,1fr)); }
}

.table-wrap--cards{ scroll-snap-type:none; }

.section .wrap a:not([class]),
.plate a:not([class]),
.icon-list-item a:not([class]){
  color:var(--blue); text-decoration:underline; text-underline-offset:2px;
}
.section .wrap > p,
.section .wrap > h3,
.section .wrap > .bullet-list{ max-width:76ch; }          
.section .wrap > h3:not(:first-child){ margin-top:32px; }

.section .wrap > :is(.table-wrap, .icon-list, .grid-2, .plate, .step-list, .faq-list,
                     .bullet-list, .link-chip-row, .pull, .cta-row){ margin-bottom:28px; }
.section .wrap > :last-child{ margin-bottom:0; }
.section .wrap > .pull{ margin-top:36px; margin-bottom:36px; }

details.faq-item > summary.faq-q{ list-style:none; }
details.faq-item > summary.faq-q::-webkit-details-marker{ display:none; }

.faq-item.open .faq-a{ max-height:3000px; }

.final-cta h3{
  color:#fff; position:relative;
  font-size:clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem);
  margin:0 0 24px;
}