:root{
      --bg: #f7f8ff;
      --surface: rgba(255,255,255,.75);
      --surface-2: rgba(255,255,255,.55);
      --stroke: rgba(9, 18, 48, .10);
      --text: #0b1220;
      --muted: #4b5875;

      --shadow: 0 18px 60px rgba(15, 23, 42, .10);
      --shadow-soft: 0 10px 34px rgba(15, 23, 42, .08);

      --grad-a: linear-gradient(135deg, rgba(167 70 255), rgba(96,165,250,.85), rgba(34,197,94,.75));
      --grad-b: linear-gradient(135deg, rgba(59,130,246,.14), rgba(167,139,250,.10), rgba(34,197,94,.10));
      --grad-gold: linear-gradient(135deg, rgba(250,204,21,.95), rgba(245,158,11,.85), rgba(236,72,153,.75));
      --radius: 12px;
    }

    *{ box-sizing: border-box; }
    html{ scroll-behavior: smooth; scroll-padding-top: 92px; }
    

    a{ color: inherit; text-decoration: none; }
    .container{ width: min(1160px, calc(100% - 20px)); margin: 0 auto; }

    /* Glass */
    .glass{
      background: var(--surface);
      border: 1px solid var(--stroke);
      border-radius: var(--radius);
      box-shadow: var(--shadow-soft);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    /* Header */
    header{
      position: sticky;
      top: 0;
      z-index: 50;
      padding: 14px 0;
      background: rgba(247, 248, 255, .65);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
      border-bottom: 1px solid rgba(9, 18, 48, .06);
    }

    .nav{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }

    .brand{
      display: flex;
      align-items: center;
      gap: 12px;
      font-weight: 800;
      letter-spacing: .2px;
    }

    .brand-badge{
      width: 42px;
      height: 42px;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 10px 24px rgba(59,130,246,.18);
      display: grid;
      place-items: center;
      border: 1px solid rgba(255,255,255,.55);
      overflow: hidden;
    }

    .brand-badge svg{ width: 24px; height: 24px; }

    .nav-links{
      display: flex;
      align-items: center;
      gap: 16px;
      color: var(--muted);
      font-weight: 600;
      font-size: 14px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .nav-links a{
      padding: 10px 10px;
      border-radius: 12px;
      transition: background .2s ease, transform .2s ease;
    }

        .nav-links a:hover{color:#ac61ff;}

    .cta{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 16px;
      border-radius: 14px;
      border: 1px solid rgba(255,255,255,.55);
      background: var(--grad-a);
      color: #fff;
      font-weight: 700;
      box-shadow: 0 18px 42px rgba(59,130,246,.16);
      transition: transform .2s ease, filter .2s ease;
      white-space: nowrap;
    }

    .cta:hover{filter: saturate(1.05); color:#fff !important; background: var(--grad-gold);}

    /* Hero */

    .hero {padding: 22px 0 18px; position: relative;}
    .hero-grid {display: grid; grid-template-columns: .85fr 1.25fr ; gap: 22px; align-items: center;}
    .hero-card {padding: 14px; position: relative; overflow: hidden;}
    .hero-side {padding: 14px; overflow: hidden;}

    .kicker{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: .5px;
      color: rgba(11,18,32,.78);
      padding: 6px;
      border-radius: 8px;
      background: rgba(255,255,255,.60);
      border: 1px solid rgba(9, 18, 48, .08);
    }

    .kicker .dot{
      width: 10px;
      height: 10px;
      border-radius: 999px;
      background: var(--grad-gold);
      box-shadow: 0 10px 18px rgba(245, 158, 11, .16);
    }

    h1{
      margin: 10px 0;
      font-size: clamp(22px, 4vw, 32px);
      line-height: 1.2;
    }

    .lead{
      margin: 0;
      font-size: 18px;
      line-height: 1.5;
      color: var(--muted);
    }
.lead-mobile{display:none;}

    

    

    

    

    

    

    .badge svg{ width: 16px; height: 16px; opacity: .9; }

    .mini-grid{
      display: grid;
      gap: 12px;
    }

    

    .stat .icon{
      width: 40px;
      height: 40px;
      border-radius: 10px;
      background: var(--grad-b);
      border: 1px solid #fc8700;
      display: grid;
      place-items: center;
    }

    .stat .icon svg{ width: 20px; height: 20px; }

    .stat b{ display: block; font-size: 14px; }
    

    /* Sections */
    
    .section-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:14px;
      margin-bottom:18px;
    }
    h2{
      margin:0;
      font-size:clamp(20px,2.4vw,32px);
      letter-spacing:-.3px;
      color:#00cc9c;
    }
    .sub{
      margin:6px 0 0;
      color:var(--muted);
      line-height:1.7;
      font-size:14px;
    }

    

    .cards2 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
	margin-top: 14px;
    }

    .card {
      padding: 18px;
      border-radius: var(--radius);
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
      position: relative;
      overflow: hidden;
    }

    .card::before{
      content: "";
      position: absolute;
      inset: -1px;
      background: radial-gradient(600px 240px at 10% 0%, rgba(167,139,250,.14), rgba(0,0,0,0) 55%),
                  radial-gradient(520px 240px at 90% 10%, rgba(96,165,250,.14), rgba(0,0,0,0) 60%),
                  radial-gradient(520px 240px at 60% 120%, rgba(34,197,94,.12), rgba(0,0,0,0) 55%);
      opacity: .9;
      pointer-events: none;
    }

    .card > *{ position: relative; }

    .card .top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }

    .pill{
      font-size: 12px;
      font-weight: 600;
      padding: 7px 10px;
      border-radius: 8px;
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.65);
      color: rgba(11,18,32,.78);
      white-space: nowrap;
    }

    .pill-offers{
      font-size: 12px;
      font-weight: 400;
      padding: 4px;
      border-radius: 4px;
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.65);
      color: rgba(11,18,32,.78);
      white-space: nowrap;
    }

    .card h3 {
      margin: 8px 0 6px;
      font-size: 16px;
      letter-spacing: -.2px;
    }

    .card p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 13px; }

    .card ul{
      margin: 12px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 8px;
      font-weight: 600;
      font-size: 14px;
    }

    .card li{
      display: flex;
      align-items: flex-start;
      gap: 10px;
    }

    .check{
      width: 20px;
      height: 20px;
      border-radius: 6px;
      background: rgba(34,197,94,.12);
      border: 1px solid rgba(34,197,94,.24);
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .check svg{ width: 12px; height: 12px; }

    /* Reviews */
    .reviews{
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 14px;
      align-items: stretch;
    }

    .review-list{
      display: grid;
      gap: 12px;
    }

    .review{
      padding: 16px;
      border-radius: var(--radius);
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
      position: relative;
      overflow: hidden;
    }

    .review .row{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 10px;
    }

    .avatar{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-weight: 700;
    }

    .avatar .pic{
      width: 38px;
      height: 38px;
      border-radius: 999px;
      border: 1px solid rgba(9,18,48,.10);
      background: var(--grad-b);
      display: grid;
      place-items: center;
      overflow: hidden;
    }

    .stars{
      display: inline-flex;
      gap: 3px;
   	color: #fcac38;
    }

    .stars svg{ width: 16px; height: 16px; }

    .review p{ margin: 0; color: var(--muted); line-height: 1.7; font-size: 13px; }

    .quote{
      position: absolute;
      right: 14px;
      bottom: 10px;
      opacity: .3;
      transform: rotate(10deg); 
	color: #ac61ff;
    }

    .quote svg{ width: 62px; height: 62px; }

    /* CTA form */
    .apply-wrap{
      padding: 18px;
      border-radius: var(--radius);
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
      position: relative;
      overflow: hidden;
    }

    .apply-wrap::before{
      content: "";
      position: absolute;
      inset: -1px;
      background: radial-gradient(520px 220px at 20% 15%, rgba(250,204,21,.16), rgba(0,0,0,0) 60%),
                  radial-gradient(520px 220px at 80% 10%, rgba(236,72,153,.12), rgba(0,0,0,0) 60%),
                  radial-gradient(520px 240px at 40% 115%, rgba(34,197,94,.12), rgba(0,0,0,0) 55%);
      opacity: .95;
      pointer-events: none;
    }

    .apply-wrap h3 {margin: 8px 0 6px;  font-size: 16px;  letter-spacing: -.2px; }
    .apply-wrap p { margin: 0; color: var(--muted); line-height: 1.7; font-size: 13px; }

    .apply-wrap > *{ position: relative; }

    form{
      display: grid;
      gap: 10px;
      margin-top: 12px;
    }

    .row2{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    label{
      display: grid;
      gap: 6px;
      font-size: 12px;
      color: rgba(11,18,32,.78);
      font-weight: 800;
    }

    input, select{
      width: 100%;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(9,18,48,.12);
      background: rgba(255,255,255,.88);
      outline: none;
      font-weight: 700;
      color: var(--text);
      box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
    }

    input:focus, select:focus{
      border-color: rgba(59,130,246,.35);
      box-shadow: 0 16px 40px rgba(59,130,246,.10);
    }

    .note{
      font-size: 12px;
      color: var(--muted);
      line-height: 1.6;
      margin: 8px 0 0;
    }

    .toast{
      display: none;
      margin-top: 10px;
      padding: 12px 12px;
      border-radius: 14px;
      border: 1px solid rgba(34,197,94,.20);
      background: rgba(34,197,94,.10);
      color: rgba(7,16,37,.92);
      font-weight: 800;
      font-size: 13px;
    }

    /* FAQ */
    .faq{
      display: grid;
      gap: 10px;
    }

    .q{
      border-radius: var(--radius);
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
      overflow: hidden;
    }

    .q button{
      width: 100%;
      padding: 16px 16px;
      background: transparent;
      border: 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      font-weight: 700;
      font-size: 16px;
      color: var(--muted);
      cursor: pointer;
      text-align: left;
    }

    .q .chev{
      width: 36px;
      height: 36px;
      border-radius: 14px;
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.72);
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      transition: transform .2s ease;
    }

    .q .chev svg{ width: 18px; height: 18px; }

    .q .a{
      padding: 0 16px 16px;
      display: none;
      color: var(--muted);
      line-height: 1.7;
      font-size: 13px;
    }

    .q[aria-expanded="true"] .a{ display: block; }
    .q[aria-expanded="true"] .chev{ transform: rotate(180deg); }

    /* Footer */
    footer{
      padding: 26px 0 38px;
      border-top: 1px solid rgba(9,18,48,.08);
      background: rgba(255,255,255,.35);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    .foot{
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 16px;
      align-items: start;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.7;
    }

    .foot b{ color: rgba(11,18,32,.88); }
    .foot small{ display: block; margin-top: 10px; }

    /* Decorative SVG background */
    .bg-decor {position: absolute; inset: 0; pointer-events: none; opacity: .9; overflow: hidden;}
    .bg-decor svg {position: absolute; width: 880px; height: 880px; filter: blur(0px); opacity: .55;}
    .bg-1 {left: -320px; top: -320px; transform: rotate(18deg);}
    .bg-2 {right: -320px; top: 90px; transform: rotate(-12deg); opacity: .46;}
    .bg-3 {left: 15%; bottom: -460px; transform: rotate(8deg); opacity: .38;}

    /* Responsive */
    @media (max-width: 980px){
      .hero-grid{ grid-template-columns: 1fr; }
      .hero-card{order:1;}
      .hero-side{order:2;}
      .cards{ grid-template-columns: 1fr; }
      .cards2{ grid-template-columns: 1fr 1fr; }
      .reviews{ grid-template-columns: 1fr; }
      .foot{ grid-template-columns: 1fr; }
    }
    @media (max-width: 560px){
      .nav-links{ display: none; }
      .row2{ grid-template-columns: 1fr; }
      .hero-card{ padding: 10px; }
      .lead{ margin: 0; font-size: 16px; line-height: 1.3; }
      .lead-desktop{display:none;}
      .lead-mobile{display:block;}
    }

/* PinjamanWang rebuild v1 — components for the new information architecture */
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 700px at 12% 15%,rgba(167,139,250,.20),rgba(0,0,0,0) 55%),radial-gradient(1100px 650px at 88% 35%,rgba(96,165,250,.22),rgba(0,0,0,0) 58%),radial-gradient(1000px 620px at 60% 92%,rgba(34,197,94,.16),rgba(0,0,0,0) 52%),var(--bg);overflow-x:hidden;font-size:16px;}
section{padding:42px 0;}
.site-header{position:sticky;top:0;z-index:50;padding:12px 0;background:rgba(247,248,255,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(9,18,48,.06);}
.brand img,.footer-logo{display:block;max-width:200px;height:auto;}
.text-grad{background:var(--grad-a);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-image-wrap img,.image-card img{display:block;width:100%;height:auto;border-radius:calc(var(--radius) - 2px);}
.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0;justify-content:center;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border:1px solid rgba(9,18,48,.12);border-radius:10px;background:rgba(255,255,255,.82);color:rgba(11,18,32,.92);font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.85);box-shadow:0 12px 28px rgba(15,23,42,.10);}
.btn.primary{font-weight:700;background:#00cc9c;color:#fff;border:none;}
.btn.compact{min-height:38px;padding:8px 12px;font-size:13px;}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;color:rgba(11,18,32,.70);font-weight:500;font-size:12px;}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.68);border:1px solid rgba(9,18,48,.08);font-size:12px;font-weight:700;color:var(--muted);}
.blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.4;}
.blob-a{width:380px;height:380px;left:-170px;top:-170px;background:rgba(167,139,250,.26);}
.blob-b{width:340px;height:340px;right:-110px;top:70px;background:rgba(96,165,250,.22);}
.blob-c{width:300px;height:300px;left:42%;bottom:-190px;background:rgba(34,197,94,.17);}
.summary-strip{padding:8px 0 24px;}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.stat{display:flex;align-items:center;gap:11px;padding:14px;border-radius:10px;border:1px solid #00cc9c;background:rgba(255,255,255,.70);box-shadow:0 14px 36px rgba(15,23,42,.06);}
.stat-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:var(--grad-b);font-weight:900;color:#5036a8;}
.stat b,.stat span{display:block;}.stat span{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5;}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;color:#6b46c1;margin:0;}
.updated{display:inline-flex;white-space:nowrap;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--stroke);font-size:12px;font-weight:700;color:var(--muted);}
.disclosure-note a,.text-link,.legal-content a{color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.soft-section{background:rgba(255,255,255,.28);border-top:1px solid rgba(9,18,48,.05);border-bottom:1px solid rgba(9,18,48,.05);}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}.cards.four{grid-template-columns:repeat(4,1fr);}.cards.three{grid-template-columns:repeat(3,1fr);}
.info-card{padding:18px;border-radius:var(--radius);background:rgba(255,255,255,.72);border:1px solid var(--stroke);box-shadow:0 12px 36px rgba(15,23,42,.06);}.info-card h3{margin:10px 0 8px;font-size:18px;}.info-card p{margin:0;color:var(--muted);line-height:1.65;font-size:14px;}.card-icon,.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:var(--grad-b);font-weight:900;color:#5940b3;}
.content-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:stretch;}.image-card,.content-card{padding:14px;}.image-card{display:grid;place-items:center;}.content-card{padding:24px;}.content-card h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:5px 0 14px;}.content-card p{color:var(--muted);line-height:1.7;}
.warning-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:22px;}.warning-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--grad-gold);font-size:24px;font-weight:950;}.warning-card h2{margin:4px 0 8px;}.warning-card p:last-child{margin-bottom:0;color:var(--muted);line-height:1.65;}

.site-footer{padding:30px 0 22px;}.foot-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:24px;}.foot-grid h3{margin:0 0 10px;color:rgba(11,18,32,.9);}.foot-grid a{display:block;margin:8px 0;color:var(--muted);}.foot-grid p{color:var(--muted);line-height:1.65;}.foot-grid .small{font-size:12px;}.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--stroke);font-size:12px;color:var(--muted);}
.legal-hero{padding:34px 0 18px;}.legal-card{padding:26px;}.legal-card h1{margin:6px 0 10px;font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;}.legal-card .lead{max-width:820px;}.legal-content{max-width:920px;margin:0 auto;padding:8px 0 54px;}.legal-content section{padding:18px 0;}.legal-content h2{margin:0 0 10px;font-size:25px;}.legal-content h3{margin:18px 0 8px;font-size:18px;}.legal-content p,.legal-content li{color:var(--muted);line-height:1.75;}.legal-content ul{padding-left:20px;}.meta-note{font-size:12px;color:var(--muted);margin-top:12px;}

@media (max-width:980px){
  .summary-grid{grid-template-columns:repeat(2,1fr)}
  .cards.four{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:1fr}.content-split{grid-template-columns:1fr}.foot-grid{grid-template-columns:1.4fr 1fr 1fr}
}
@media (max-width:700px){
  section{padding:34px 0}.section-head{display:block}.updated{margin-top:12px}.cards{grid-template-columns:1fr}.cards.four{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.hero-actions .btn{width:100%}
}

@media (max-width:480px){
  .summary-grid{grid-template-columns:1fr}.warning-card{grid-template-columns:1fr}.legal-card{padding:20px}
}

/* SEO landing & company pages — PinjamanWang visual system */
.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.page-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.page-meta>span{display:inline-flex;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.62);border:1px solid var(--stroke);color:var(--muted);font-size:12px;font-weight:700;}
.topic-nav{padding:4px 0 16px;}
.topic-nav-inner{display:flex;gap:8px;flex-wrap:wrap;}
.topic-nav a{display:inline-flex;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.64);border:1px solid var(--stroke);font-size:12px;font-weight:750;color:rgba(11,18,32,.82);}
.article-wrap{margin:0 auto;padding:4px 0 54px;}
.article-wrap>section{padding:22px 0;}
.article-wrap h2{margin:0 0 12px;font-size:clamp(24px,3vw,32px);line-height:1.2;color:#00a980;}
.article-wrap h3{margin:20px 0 8px;font-size:19px;line-height:1.3;}
.article-wrap p,.article-wrap li{color:var(--muted);font-size:15px;line-height:1.78;}
.article-wrap ul,.article-wrap ol{padding-left:22px;}
.article-wrap a:not(.btn){text-decoration:none;}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px;}
.fact{padding:14px;border-radius:10px;background:rgba(255,255,255,.70);border:1px solid var(--stroke);box-shadow:0 10px 28px rgba(15,23,42,.05);}
.fact span,.fact strong{display:block;}.fact span{font-size:12px;color:var(--muted);margin-bottom:5px;}.fact strong{font-size:14px;line-height:1.35;}
.notice{padding:18px;border-radius:var(--radius);background:rgba(245,158,11,.09);border:1px solid rgba(245,158,11,.24);}
.notice.success{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.20);}
.notice p{margin:0;}.notice p+p{margin-top:8px;}
.source-box{padding:16px;border-radius:10px;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.18);font-size:13px;line-height:1.7;color:var(--muted);}
.company-hero-grid{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;}
.company-logo-wrap{display:flex;flex-direction:column;gap:8px;min-width:0;}
.company-update-date{font-size:12px;line-height:1.35;color:var(--muted);text-align:center;}
.company-hero-nav{padding:0;margin-top:16px;}
.company-logo-card{display:grid;place-items:center;min-height:140px;padding:18px;background:#fff;border:1px solid var(--stroke);border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.06);}
.company-logo-card img{display:block;max-width:150px;max-height:80px;width:auto;height:auto;object-fit:contain;}
.company-cta{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px;border-radius:var(--radius);background:rgba(255,255,255,.72);border:1px solid var(--stroke);box-shadow:var(--shadow-soft);}
.company-cta p{margin:0;color:var(--muted);line-height:1.6;}
.popular-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.popular-link{display:block;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.70);border:1px solid var(--stroke);box-shadow:0 12px 34px rgba(15,23,42,.05);}
.popular-link strong{display:block;margin-bottom:6px;font-size:15px;}.popular-link span{display:block;color:var(--muted);font-size:12px;line-height:1.55;}
@media (max-width:900px){.fact-grid,.popular-links{grid-template-columns:repeat(2,1fr)}.company-hero-grid{grid-template-columns:140px 1fr}.company-cta{align-items:flex-start;flex-direction:column;}}
@media (max-width:560px){.fact-grid,.popular-links{grid-template-columns:1fr}.company-hero-grid{grid-template-columns:1fr}.company-logo-card{min-height:100px}.company-cta .btn{width:100%}}

/* Main guide navigation: commercial intents without decorative keyword badges */
.guide-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
.guide-card:hover{background:#e7fff9;box-shadow:0 20px 52px rgba(15,23,42,.09);border-color:rgba(109,92,231,.22);}
.guide-card h3{margin:0 0 7px;}
.guide-card p{flex:1;}
.guide-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#6547c6;justify-content:flex-end;}
.guide-card:hover .guide-chevron{transform:translateX(3px);}


/* Global navigation */
.nav-dropdown{position:relative;}
.nav-dropdown summary{display:flex;align-items:center;gap:5px;padding:10px 10px;border-radius:12px;cursor:pointer;list-style:none;transition:background .2s ease,transform .2s ease;color:inherit;white-space:nowrap;}
.nav-dropdown summary::-webkit-details-marker{display:none;}
.nav-dropdown summary::marker{content:"";}
.nav-dropdown summary:hover,.nav-dropdown[open] summary{background:rgba(255,255,255,.65);transform:translateY(-1px);}
.nav-dropdown-chevron{width:14px;height:14px;transition:transform .2s ease;}
.nav-dropdown[open] .nav-dropdown-chevron{transform:rotate(180deg);}
.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:245px;padding:8px;border:1px solid rgba(9,18,48,.10);border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(15,23,42,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:grid;gap:2px;}
.nav-dropdown-menu a{display:block;padding:10px 12px!important;border-radius:8px!important;font-size:13px;line-height:1.35;}
.nav-dropdown-menu a:hover{background:rgba(167,139,250,.10)!important;transform:none!important;}


/* Company directory */
.company-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.company-directory-card{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--stroke);border-radius:var(--radius);background:rgba(255,255,255,.72);box-shadow:var(--shadow-soft);}
.company-directory-head{display:grid;grid-template-columns:0.4fr 1fr;gap:16px;align-items:center;}
.company-directory-logo{display:grid;place-items:center;padding:12px;border-radius:10px;border:1px solid var(--stroke);background:#fff;}
.company-directory-logo img{display:block;max-width:105px;max-height:58px;width:auto;height:auto;object-fit:contain;}
.company-directory-copy h3{margin:0 0 5px;font-size:18px;}
.company-directory-role{display:inline-flex;padding:5px 7px;border:1px solid rgba(9,18,48,.10);border-radius:6px;background:rgba(255,255,255,.72);font-size:12px;font-weight:650;color:var(--muted);}
.company-directory-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6;}
.company-directory-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);}
.company-directory-fact{padding:10px 8px;min-width:0;}
.company-directory-fact+.company-directory-fact{border-left:1px solid var(--stroke);}
.company-directory-fact span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px;}
.company-directory-fact strong{display:block;font-size:12px;line-height:1.35;}
.company-directory-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#6d28d9;justify-content:flex-end;}
.company-directory-link:hover{text-decoration:underline;}
.directory-note{margin-top:18px;padding:16px 18px;border:1px solid var(--stroke);border-radius:var(--radius);background:rgba(255,255,255,.68);color:var(--muted);line-height:1.65;}
@media (max-width:900px){.company-directory{grid-template-columns:1fr}.company-directory-facts{grid-template-columns:repeat(2,1fr)}.company-directory-fact:nth-child(3){border-left:0;border-top:1px solid var(--stroke)}.company-directory-fact:nth-child(4){border-top:1px solid var(--stroke)}}
@media (max-width:560px){.company-directory-head{grid-template-columns:0.4fr 1fr;max-height:48px}}

/* Category comparison: approved home filter + horizontal cards */
    .filter-panel{
      padding: 18px;
      margin-bottom: 14px;
      display: grid;
      grid-template-columns: 1fr 1fr .72fr;
      gap: 14px;
      align-items: stretch;
      border-radius: var(--radius);
      border: 1px solid rgba(9,18,48,.10);
      background: rgba(255,255,255,.70);
      box-shadow: 0 18px 50px rgba(15,23,42,.06);
    }
    .filter-field{
      padding: 12px 14px;
      border-radius: 10px;
      border: 1px solid rgba(9,18,48,.08);
      background: rgba(255,255,255,.58);
      display: grid;
      gap: 8px;
    }
    .filter-field .filter-title,
    .filter-result .filter-title{font-size:12px;font-weight:800;color:rgba(11,18,32,.70);}
    .filter-field strong{font-size:18px;line-height:1.2;color:rgba(11,18,32,.94);}
    .filter-value-number{color:#ac61ff;}
    .filter-result strong{font-size:18px;line-height:1.2;color:rgba(11,18,32,.94);}
    .filter-field input[type="range"]{--range-progress:0%;-webkit-appearance:none;appearance:none;width:100%;height:12px;padding:0;margin:6px 0;border:0;border-radius:999px;box-shadow:none;background:linear-gradient(to right,#00cc9c 0,#00cc9c var(--range-progress),#afafaf var(--range-progress),#e1e4e9 100%);cursor:pointer;outline:none;}
    .filter-field input[type="range"]::-webkit-slider-runnable-track{height:18px;border:0;border-radius:999px;background:transparent;}
    .filter-field input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:36px;height:36px;margin-top:-12px;border:6px solid #fff;border-radius:50%;background:#ac61ff;box-shadow:0 2px 8px rgba(15,23,42,.28);cursor:pointer;}
    .filter-field input[type="range"]::-moz-range-track{height:18px;border:0;border-radius:999px;background:#e1e4e9;}
    .filter-field input[type="range"]::-moz-range-progress{height:18px;border-radius:999px;background:#00cc9c;}
    .filter-field input[type="range"]::-moz-range-thumb{width:26px;height:26px;border:8px solid #fff;border-radius:50%;background:#ac61ff;box-shadow:0 2px 8px rgba(15,23,42,.28);cursor:pointer;}
    .filter-limits{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;font-weight:600;}
    .filter-result{
      padding: 12px 14px;
      border-radius: 10px;
      border: 1px solid rgba(9,18,48,.08);
      background: rgba(255,255,255,.58);
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:8px;
    }
    .filter-reset{min-height:44px;padding:8px 10px;border-radius:8px;border:1px solid rgba(9,18,48,.10);background:rgba(255,255,255,.75);font-weight:700;cursor:pointer;color:var(--text);}
    .filter-note{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.6;}
.method-title{font-weight:800;color:rgba(11,18,32,.92);margin-bottom:5px;display:block;}
    .disclosure-note{margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.6;}
    .disclosure-note a{text-decoration:underline;text-underline-offset:2px;}
    @media (max-width: 760px){.filter-panel{grid-template-columns:1fr;}}


    /* Horizontal offer cards — approved PinjamanWang layout */
    .lead-second{margin-top:12px;}
    .partner-grid{display:grid;grid-template-columns:1fr;gap:14px;}
    .partner.offer-card{display:block;position:relative;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;grid-template-columns:none;gap:0;align-items:stretch;width:100%;padding:0;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(9,18,48,.10);box-shadow:0 14px 38px rgba(15,23,42,.07);overflow:hidden;}
    .partner.offer-card.is-match{border-color:rgba(34,197,94,.32);box-shadow:0 14px 40px rgba(34,197,94,.08);}
    .partner.offer-card.is-mismatch{border-color:rgba(148,163,184,.34);box-shadow:0 10px 26px rgba(15,23,42,.045);background:rgba(248,250,252,.78);}
    .offer-main{display:grid;grid-template-columns:0.3fr 1fr 0.3fr;align-items:stretch;}
    .offer-brand-block{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;}
    .offer-logo-img{display:block;width:132px;height:62px;object-fit:contain;margin:0 auto 3px;}
    .offer-brand-name{font-size:15px;line-height:1.25;margin:0 0 8px;color:rgb(0 169 129);}
    .offer-brand-block .pill-offers{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
    .offer-info-block{border-left:1px solid rgba(9,18,48,.08);padding:12px;display:flex;flex-direction:column;justify-content:center;}
    .offer-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;}
    .offer-meta-item{display:flex;align-items:center;gap:6px;min-width:0;padding:2px 10px;}
    .offer-meta-item:first-child{padding-left:0;}
    .offer-meta-item+ .offer-meta-item{border-left:1px solid rgba(9,18,48,.08);}
    .offer-meta-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:rgba(167,139,250,.12);color:#6d56cf;}
    .offer-meta-item:nth-child(2) .offer-meta-icon{background:rgba(96,165,250,.12);color:#477ac8;}
    .offer-meta-item:nth-child(3) .offer-meta-icon{background:rgba(34,197,94,.12);color:#16834a;}
    .offer-meta-item:nth-child(4) .offer-meta-icon{background:rgba(245,158,11,.12);color:#b86b00;}
    .offer-meta-icon svg{width:24px;height:24px;}
    .offer-meta-item small{display:block;color:#66718a;margin-bottom:4px;}
    .offer-meta-item strong{display:block;color:#111827;font-size:13px;line-height:1.3;white-space:normal;}
    .partner.is-mismatch .offer-brand-block,
    .partner.is-mismatch .offer-info-block,
    .partner.is-mismatch .offer-action-block,
    .partner.is-mismatch .offer-details-panel{opacity:.56;filter:grayscale(.72);}
    .partner.is-mismatch .offer-cta{background:#9ca3af;box-shadow:none;filter:grayscale(1);pointer-events:none;cursor:not-allowed;}
    .partner.is-mismatch .offer-cta:hover{transform:none;filter:grayscale(1);}
    .offers-mismatch-divider{display:block;margin:2px 0 4px;padding:14px 18px;border:1px solid rgba(245,158,11,.72);border-radius:12px;background:linear-gradient(180deg,rgba(255,248,225,.94),rgba(255,244,205,.80));color:#6b4700;font-size:14px;font-weight:800;line-height:1.35;text-align:center;box-shadow:0 8px 22px rgba(245,158,11,.05);}
    .offers-mismatch-divider[hidden]{display:none;}
    .offer-action-block{border-left:1px solid rgba(9,18,48,.08);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;padding:12px;}
    .offer-cta{width:100%;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 16px;border-radius:12px;background:var(--grad-a);color:#fff;font-size:14px;font-weight:800;box-shadow:0 13px 28px rgba(59,130,246,.16);transition:transform .18s ease,filter .18s ease;margin-top:20px;}
    .offer-cta:hover{transform:translateY(-1px);filter:saturate(1.06);color:#fff;}
    .offer-details-toggle{appearance:none;min-height:44px;border:0;background:transparent;color:#5a496c;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;}
    .offer-details-toggle:hover{color:#5d43b4;}
    .details-chevron{width:16px;height:16px;flex:0 0 16px;transition:transform .18s ease;stroke:currentColor;margin-top: 2px;}
    .offer-details-toggle[aria-expanded="true"] .details-chevron{transform:rotate(90deg);}
    .offer-details-panel{border-top:1px solid rgba(9,18,48,.08);padding:14px;}
    .offer-details-panel[hidden]{display:none;}
    .offer-details-panel p{margin:0;}
    @media (max-width: 980px){
      .offer-main{grid-template-columns:150px minmax(0,1fr);}
      .offer-action-block{grid-column:1/-1;border-left:0;border-top:1px solid rgba(9,18,48,.08);padding:12px 16px;align-items:flex-end;}
      .offer-cta{margin-top:0px;}
      .offer-logo-img{width:118px;height:56px;}
      .offer-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px;}
      .offer-meta-item:nth-child(3){border-left:0;padding-left:0;}
    }
    @media (max-width: 640px){
      .offer-main{grid-template-columns:1fr;}
      .offer-brand-block{padding:14px 14px 10px;}
      .offer-info-block{border-left:0;border-top:1px solid rgba(9,18,48,.08);padding:14px;}
      .offer-meta-grid{grid-template-columns:1fr 1fr;gap:0;}
      .offer-meta-item{padding:9px 10px;}
      .offer-meta-item:first-child,.offer-meta-item:nth-child(3){padding-left:0;}
      .offer-meta-item:nth-child(2n){border-left:1px solid rgba(9,18,48,.08);}
      .offer-meta-item:nth-child(3),.offer-meta-item:nth-child(4){border-top:1px solid rgba(9,18,48,.08);}
      .offer-meta-item strong{font-size:12px;}
      .offer-action-block{padding:12px 14px;align-items:stretch;}
      .offer-cta{max-width:none;}
      .offer-details-toggle{width:100%;}
    }




/* Category landing pages — only rules that are genuinely category-specific */
.category-content{margin:0 auto;padding:4px 0 42px;}
.category-content>section{padding:24px 0;}
.category-content h3{margin:18px 0 8px;font-size:18px;}
.category-content p,.category-content li{/* color:var(--muted); *//* font-size:15px; *//* line-height:1.78; */}
.category-content ul,.category-content ol{padding-left:22px;}
.category-content a:not(.btn){color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.related-category-section{padding-top:24px!important;}
.related-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.related-category-link{display:block;padding:15px;border:1px solid var(--stroke);border-radius:12px;background:rgba(255,255,255,.68);box-shadow:0 10px 28px rgba(15,23,42,.05);text-decoration:none!important;}
.related-category-link strong{display:block;color:#111827;margin-bottom:5px;}
.related-category-link span{display:block;color:var(--muted);font-size:12px;line-height:1.55;}
.offer-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;}
.offer-details-grid>div{padding:8px 9px;border:1px solid rgba(9,18,48,.08);border-radius:8px;background:rgba(255,255,255,.58);}
.offer-details-grid span,.offer-details-grid strong{display:block;}
.offer-details-grid span{color:#66718a;margin-bottom:4px;}
.offer-details-grid strong{font-size:14px;line-height:1.35;color:#111827;}
.offer-profile-link{margin-top:3px;color:#6547c6!important;font-weight:700;float:right;margin-bottom:10px;font-size:14px;}
.kpkt-company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.kpkt-company-card{display:block;padding:16px;border:1px solid var(--stroke);border-radius:12px;background:rgba(255,255,255,.70);text-decoration:none!important;}
.kpkt-company-card strong{display:block;color:#111827;margin-bottom:5px;}
.kpkt-company-card span{display:block;color:var(--muted);font-size:12px;line-height:1.55;}
@media(max-width:980px){.offer-details-grid{grid-template-columns:repeat(2,1fr)}.kpkt-company-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.related-category-grid,.kpkt-company-grid{grid-template-columns:1fr}.offer-details-grid{/* grid-template-columns:1fr; */}}

/* v8 — unified page skeleton + expandable SEO text */
.seo-expand-section{padding:34px 0 42px;}
.seo-expand-wrap{
  margin:0;
  padding:24px;
  border:1px solid rgba(9,18,48,.10);
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 38px rgba(15,23,42,.07);
}
.seo-expand-intro p,.seo-expand-more p,.seo-expand-more li{/* color:var(--muted); *//* font-size:15px; *//* line-height:1.78; */}
.seo-expand-intro p{margin:0 0 10px;}
.seo-expand-more{display:none;overflow:hidden;margin-top:0;}
.seo-expand-more.is-open{display:block;margin-top:16px;}
.seo-expand-more h3{margin:22px 0 8px;font-size:19px;line-height:1.3;color:rgba(11,18,32,.92);}
.seo-expand-more h3:first-child{margin-top:4px;}
.seo-expand-more ul,.seo-expand-more ol{padding-left:22px;}
.seo-expand-more a{color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.seo-expand-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:8px 0;border:0;background:transparent;color:#6547c6;font:inherit;font-size:14px;font-weight:800;cursor:pointer;}
.seo-expand-toggle:hover{text-decoration:underline;text-underline-offset:3px;}
.seo-toggle-chevron{width:18px;height:18px;transition:transform .2s ease;}
.seo-expand-toggle[aria-expanded="true"] .seo-toggle-chevron{transform:rotate(180deg);}


footer .hero-actions{margin-top:16px;}
footer .top{display:flex;flex-wrap:wrap;gap:6px;}
footer .top .pill{margin:0;}
footer .top .pill a{color:inherit;text-decoration:none;}
footer .top .pill a:hover{color:#6547c6;}

@media(max-width:620px){
  .seo-expand-section{padding:28px 0 34px;}
  .seo-expand-wrap{padding:18px;}
  .seo-expand-intro p,.seo-expand-more p,.seo-expand-more li{font-size:14px;line-height:1.72;}
}

/* FAQ parity with homepage — categories use the same shared FAQ classes */
.category-content #faq{padding:42px 0;}


/* Blog / guide cluster — v12 */
.guide-chevron{width:17px;height:17px;flex:0 0 auto;transition:transform .2s ease;}
.guide-link:hover .guide-chevron{transform:translateX(3px);}
.blog-index-section{padding:28px 0 38px;}
.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.blog-index-card{overflow:hidden;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 14px 38px rgba(15,23,42,.06);}
.blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(255,255,255,.6);}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.blog-card-body{padding:16px;}
.blog-card-body h2{margin:0 0 8px;font-size:19px;line-height:1.3;}
.blog-card-body h2 a{text-decoration:none;color:var(--text);}
.blog-card-body p{margin:0 0 13px;color:var(--muted);font-size:13px;line-height:1.65;}

/* Blog article comparison bar */
.blog-compare-strip{padding:0 0 10px;}
.blog-compare-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 210px;gap:14px;align-items:stretch;padding:16px 22px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 14px 38px rgba(15,23,42,.06);}
.blog-compare-item{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid rgba(9,18,48,.10);border-radius:12px;background:rgba(255,255,255,.78);}
.blog-compare-icon{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(172,97,255,.10);color:#7c3aed;font-weight:800;font-size:16px;}
.blog-compare-icon svg{width:18px;height:18px;stroke:currentColor;}
.blog-compare-copy{display:flex;flex-direction:column;gap:2px;min-width:0;}
.blog-compare-copy small{font-size:12px;color:var(--muted);}
.blog-compare-copy strong{font-size:18px;line-height:1.2;color:var(--text);}
.blog-compare-bar .btn{width:100%;height:100%;min-height:58px;border-radius:10px;}
@media(max-width:760px){.blog-compare-bar{grid-template-columns:1fr;padding:14px}.blog-compare-bar .btn{min-height:48px}}
.blog-article-hero{padding:28px 0 18px;}
.blog-article-hero-card{padding:22px;overflow:hidden;}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:14px;color:var(--muted);font-size:12px;}
.breadcrumbs a{color:#6547c6;text-decoration:none;}
.blog-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:22px;align-items:center;}
.blog-article-hero .lead{margin:0;color:var(--muted);}
.blog-hero-media{padding:8px;overflow:hidden;}
.blog-hero-media img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.30fr);gap:18px;align-items:start;padding:8px 0 48px;}
.article-body-card{padding:24px;border:1px solid var(--stroke);border-radius:14px;background:rgba(255,255,255,.80);box-shadow:0 14px 38px rgba(15,23,42,.06);}
.article-body-card>section{padding:20px 0;border-top:1px solid rgba(9,18,48,.08);}
.article-body-card>section:first-child{padding-top:0;border-top:0;}
.article-body-card h2{margin:0 0 10px;font-size:25px;line-height:1.25;}
.article-body-card h3{margin:18px 0 8px;font-size:18px;}
.article-body-card p,.article-body-card li{color:var(--muted);font-size:15px;line-height:1.78;}
.article-body-card p{margin:0 0 12px;}
.article-body-card ul,.article-body-card ol{padding-left:22px;}
.article-body-card a:not(.btn):not(.related-guide-link):not(.guide-link){color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.article-sidebar{position:sticky;top:92px;}
.article-toc{padding:17px;}
.article-toc>strong{display:block;margin-bottom:10px;}
.article-toc ol{margin:0;padding-left:19px;}
.article-toc li{margin:7px 0;color:var(--muted);font-size:14px;line-height:1.45;}
.article-toc a{color:inherit;text-decoration:none;}
.article-toc a:hover{color:#6547c6;}
.article-side-cta{width:100%;justify-content:center;margin-top:14px;}
.article-callout{padding:16px;border:1px solid rgba(101,71,198,.16);border-radius:12px;background:linear-gradient(135deg,rgba(167,139,250,.10),rgba(96,165,250,.08),rgba(34,197,94,.08));color:var(--muted);line-height:1.7;}
.article-callout strong{color:var(--text);}
.article-callout p{margin:7px 0 12px;}
.article-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;}
.article-check-grid>div{padding:12px;border:1px solid rgba(9,18,48,.08);border-radius:10px;background:rgba(255,255,255,.65);}
.article-check-grid strong,.article-check-grid span{display:block;}
.article-check-grid span{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.45;}
.article-steps li{margin-bottom:7px;}
.article-formula{margin:14px 0;padding:14px;border:1px solid rgba(9,18,48,.09);border-radius:10px;background:rgba(255,255,255,.72);font-size:15px;line-height:1.7;}
.article-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;margin:14px 0;}
.article-table{width:100%;border-collapse:collapse;min-width:620px;font-size:13px;}
.article-table th,.article-table td{padding:11px;border:1px solid rgba(9,18,48,.09);text-align:left;}
.article-table th{background:rgba(167,139,250,.08);}
.sample-document{margin:14px 0;padding:16px;border:1px dashed rgba(9,18,48,.18);border-radius:12px;background:rgba(255,255,255,.62);}
.sample-document p{margin:5px 0;font-size:13px;}
.article-related{padding-bottom:4px!important;}
.related-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.related-guide-link{display:block;padding:14px;border:1px solid var(--stroke);border-radius:11px;background:rgba(255,255,255,.66);text-decoration:none!important;}
.related-guide-link strong{display:block;color:var(--text);font-size:14px;line-height:1.4;margin-bottom:6px;}
.related-guide-link>span:not(.guide-link){display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:10px;}
.article-body-card .faq{margin-top:12px;}
.source-box a{margin-right:7px;}
.category-guide-section{padding:24px 0!important;}
.category-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.category-guide-card{display:block;padding:14px;border:1px solid var(--stroke);border-radius:11px;background:rgba(255,255,255,.68);box-shadow:0 10px 28px rgba(15,23,42,.04);text-decoration:none!important;}
.category-guide-card strong{display:block;color:var(--text);font-size:14px;line-height:1.4;margin-bottom:5px;}
.category-guide-card span{display:block;color:var(--muted);font-size:12px;line-height:1.5;}
@media(max-width:900px){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.blog-hero-grid,.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.related-guide-grid,.category-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-index-grid,.related-guide-grid,.category-guide-grid,.article-check-grid{grid-template-columns:1fr}.blog-article-hero-card,.article-body-card{padding:18px}.article-body-card h2{font-size:22px}}
/* End Blog / guide cluster — v12 */



/* Responsive navigation — shared MASTER */
.nav-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(9,18,48,.10);border-radius:12px;background:rgba(255,255,255,.76);color:#5a496c;box-shadow:0 8px 24px rgba(15,23,42,.06);cursor:pointer;}
.nav-toggle svg{width:22px;height:22px;}
@media (max-width:1140px){
  .nav{position:relative;flex-wrap:nowrap;}
  .nav-toggle{display:inline-flex;margin-left:auto;flex:0 0 auto;}
  .nav-links{display:none;position:absolute;top:calc(100% + 12px);left:0;right:0;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:3px;padding:10px;border:1px solid rgba(9,18,48,.10);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 50px rgba(15,23,42,.13);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
  .nav-links.is-open{display:flex;}
  .nav-links>a,.nav-dropdown summary{width:100%;box-sizing:border-box;padding:10px 12px;}
  .nav-dropdown-menu{position:static;min-width:0;margin-top:4px;box-shadow:none;background:rgba(247,248,255,.72);}
  .nav-links .cta{justify-content:center;margin-top:3px;}
}
@media (max-width:560px){
  .site-header{padding:9px 0;}
  .brand img{max-width:180px;}
  .nav-toggle{width:42px;height:42px;}
}

/* Homepage LCP media: reserve space before the image bytes arrive. */
.home-hero-side .mini-grid{aspect-ratio:800/706;}
.home-hero-side .mini-grid img{display:block;width:100%;height:100%;object-fit:cover;}

.hero-side img{width:100%;height:auto;}
/* Shared footer navigation */

.footer-about .footer-logo{margin-bottom:12px;}
.footer-about p{margin:0;color:var(--muted);line-height:1.7;}
.footer-about small{display:block;margin-top:10px;}
.footer-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:7px;}
.footer-link-group b{margin-bottom:2px;}
.footer-link-group a{color:var(--muted);text-decoration:none;line-height:1.45;}
.footer-link-group a:hover{color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.footer-contact{margin-top:16px;}
.footer-legal-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:15px;padding-top:14px;border-top:1px solid rgba(9,18,48,.08);}
.footer-legal-links a{color:var(--muted);text-decoration:none;}
.footer-legal-links a:hover{color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.footer-social{margin-top:14px;}
.footer-social img{display:block;width:24px;height:24px;}
@media(max-width:700px){
  .hero .bg-decor{display:none;}
}

@media(max-width:700px){.footer-nav-grid{grid-template-columns:1fr;gap:18px;}}

/* One legal warning before every footer */
.site-disclaimer{padding:34px 0;}
.site-disclaimer-card{padding:24px 28px;border:1px solid rgba(245,158,11,.18);border-radius:12px;background:rgba(255,248,226,.82);}
.site-disclaimer-card h2{margin:0 0 12px;font-size:22px;line-height:1.25;color:#111827;}
.site-disclaimer-card p{margin:0;color:var(--muted);line-height:1.7;}
@media(max-width:620px){.site-disclaimer{padding:28px 0}.site-disclaimer-card{padding:20px}.site-disclaimer-card h2{font-size:20px;}}



/* Cookie consent */
.cookie-consent{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:1000;width:min(1120px,calc(100% - 32px));padding:14px 16px;border:1px solid rgba(9,18,48,.10);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 18px 55px rgba(15,23,42,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.cookie-consent[hidden]{display:none;}
.cookie-consent-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;}
.cookie-consent-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(9,18,48,.14);border-radius:7px;background:#ac61ff;color:#fff;font-size:20px;line-height:1;cursor:pointer;}
.cookie-consent-copy strong{display:block;margin-bottom:4px;color:var(--text);font-size:16px;}
.cookie-consent-copy p{margin:0;color:var(--muted);font-size:14px;line-height:1.55;}
.cookie-consent-copy a{color:#6547c6;text-decoration:underline;text-underline-offset:3px;}
.cookie-consent-actions{display:flex;gap:10px;align-items:center;}
.cookie-consent-btn{min-height:44px;padding:10px 18px;border:0;border-radius:12px;font-weight:700;cursor:pointer;}
.cookie-consent-btn.reject{background:#eef2ff;color:#111827;}
.cookie-consent-btn.accept{background:#00cc9c;color:#fff;}
@media(max-width:700px){.cookie-consent{bottom:10px;width:calc(100% - 20px);padding:12px}.cookie-consent-inner{grid-template-columns:auto 1fr}.cookie-consent-actions{grid-column:1/-1;justify-content:flex-end}.cookie-consent-copy p{font-size:13px}.cookie-consent-btn{flex:1}}
.content-provenance{font-size:13px;line-height:1.55;color:var(--muted);margin:12px 0 0}.content-provenance strong{color:rgba(11,18,32,.88)}.content-provenance a{color:#6d28d9;text-decoration:none}.content-provenance a:hover{text-decoration:underline}.table-takeaway{margin-top:12px;color:var(--muted);line-height:1.7}.table-takeaway strong{color:rgba(11,18,32,.9)}