.jac-intro-section { padding: 30px 0; background: #fff; }
.jac-sec-tag { display: block; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #f0b429; margin-bottom: 5px; }
.jac-sec-title { font-size: clamp(24px,3.5vw,38px); font-weight: 700; color: #1a1a2e; margin-bottom: 16px; line-height: 1.25; }
.jac-sec-sub { font-size: 15px; color: #5a6070; line-height: 1.85; margin-bottom: 0; }

/* Intro split */
.jac-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 70px; }
.jac-intro-left p { font-size: 15px; color: #5a6070; line-height: 1.85; margin-bottom: 16px; }
.jac-intro-left a { display: inline-block; background: linear-gradient(90deg,#325bc9,#3a4096); color: #fff; padding: 13px 32px; border-radius: 50px; font-weight: 600; font-size: 15px; text-decoration: none; margin-top: 8px; transition: transform 0.2s, box-shadow 0.2s; }
.jac-intro-left a:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(50,91,201,0.3); }
.jac-feature-pills { display: flex; flex-direction: column; gap: 14px; }
.jac-pill { display: flex; align-items: center; gap: 16px; background: #f7f9fc; border-radius: 14px; padding: 18px 20px; border-left: 4px solid #325bc9; transition: background 0.2s, border-color 0.2s; }
.jac-pill:hover { background: #e8f0ff; }
.jac-pill-icon { width: 46px; height: 46px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.jac-pill-icon.blue   { background: #e6f1fb; } .jac-pill-icon.blue i   { color: #185fa5; }
.jac-pill-icon.green  { background: #e1f5ee; } .jac-pill-icon.green i  { color: #0f6e56; }
.jac-pill-icon.amber  { background: #faeeda; } .jac-pill-icon.amber i  { color: #854f0b; }
.jac-pill-icon i { font-size: 20px; }
.jac-pill-text h5 { font-size: 15px; font-weight: 700; color: #1a1a2e; margin: 0 0 3px; }
.jac-pill-text p { font-size: 13px; color: #5a6070; margin: 0; }

/* Who is it for — 4 cards */
.jac-who-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.jac-who-card { border-radius: 20px; overflow: hidden; position: relative; min-height: 240px; display: flex; align-items: flex-end; padding: 24px; transition: transform 0.25s; }
.jac-who-card:hover { transform: translateY(-6px); }
.jac-who-card-bg { position: absolute; inset: 0; z-index: 0; }
.jac-who-card-bg.c1 { background: linear-gradient(135deg,#1a3a6b,#325bc9); }
.jac-who-card-bg.c2 { background: linear-gradient(135deg,#3a1a6b,#7c3aed); }
.jac-who-card-bg.c3 { background: linear-gradient(135deg,#1a5a3a,#059669); }
.jac-who-card-bg.c4 { background: linear-gradient(135deg,#6b2a1a,#ea580c); }
.jac-who-card-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.05) 60%); z-index: 1; }
.jac-who-card-body { position: relative; z-index: 2; }
.jac-who-card-icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.jac-who-card-icon i { color: #fff; font-size: 18px; }
.jac-who-card h4 { color: #fff; font-size: 16px; font-weight: 700; margin: 0 0 6px; }
.jac-who-card p { color: rgba(255,255,255,0.8); font-size: 13px; margin: 0; line-height: 1.55; }

@media(max-width:900px){ .jac-intro-grid { grid-template-columns:1fr; gap:36px; } .jac-who-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:500px){ .jac-who-grid { grid-template-columns:1fr; } }


.jac-feat-section { padding: 30px 0; background: linear-gradient(160deg,#3a4096 0%,#325bc9 100%); }
.jac-feat-section .sec-tag { display:block; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#f0b429; margin-bottom:10px; }
.jac-feat-section .sec-title { font-size:clamp(24px,3.5vw,38px); font-weight:700; color:#fff; margin-bottom:10px; }
.jac-feat-section .sec-sub { font-size:15px; color:rgba(255,255,255,0.75); margin-bottom:48px; max-width:600px; margin-left:auto; margin-right:auto; line-height:1.7; }
.jac-feat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.jac-feat-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 20px; padding: 32px 28px; transition: background 0.25s, transform 0.25s; position: relative; overflow: hidden; }
.jac-feat-card::before { content:''; position:absolute; top:-30px; right:-30px; width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,0.04); }
.jac-feat-card:hover { background: rgba(255,255,255,0.14); transform: translateY(-5px); }
.jac-feat-card .jfc-num { font-size: 42px; font-weight: 800; color: rgba(255,255,255,0.07); line-height: 1; margin-bottom: -8px; }
.jac-feat-card .jfc-icon { width: 54px; height: 54px; border-radius: 14px; background: rgba(255,255,255,0.12); display: flex; align-items: center; justify-content: center; margin-bottom: 18px; }
.jac-feat-card .jfc-icon i { font-size: 24px; color: #f0b429; }
.jac-feat-card h5 { font-size: 16px; font-weight: 700; color: #fff; margin: 0 0 10px; }
.jac-feat-card p { font-size: 13px; color: rgba(255,255,255,0.72); margin: 0; line-height: 1.7; }
.jac-feat-cta { text-align: center; margin-top: 48px; }
.jac-feat-cta a { display: inline-block; background: #f0b429; color: #1a1a2e; padding: 14px 38px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.jac-feat-cta a:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(240,180,41,0.4); }
@media(max-width:900px){ .jac-feat-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:576px){ .jac-feat-grid { grid-template-columns:1fr; } }



.jac-why-section { padding: 20px 0; background: #f7f9fc; }
.jac-why-section .sec-tag { display:block; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#f0b429; margin-bottom:5px; }
.jac-why-section .sec-title { font-size:clamp(24px,3.5vw,38px); font-weight:700; color:#1a1a2e; margin-bottom:40px; }

/* Top row: highlight + checklist */
.jac-why-top { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
.jac-why-highlight { background: linear-gradient(135deg,#325bc9,#3a4096); border-radius: 20px; padding: 36px 32px; display: flex; flex-direction: column; justify-content: space-between; min-height: 220px; position: relative; overflow: hidden; }
.jac-why-highlight::before { content:''; position:absolute; top:-40px; right:-40px; width:160px; height:160px; border-radius:50%; background:rgba(255,255,255,0.07); }
.jac-why-highlight::after { content:''; position:absolute; bottom:-30px; left:-20px; width:100px; height:100px; border-radius:50%; background:rgba(255,255,255,0.05); }
.jac-why-highlight .wh-icon { font-size:42px; color:rgba(255,255,255,0.3); position:relative; z-index:1; }
.jac-why-highlight .wh-num { font-size:52px; font-weight:800; color:#fff; line-height:1; margin:16px 0 6px; position:relative; z-index:1; }
.jac-why-highlight .wh-label { font-size:14px; color:rgba(255,255,255,0.8); margin:0; line-height:1.5; position:relative; z-index:1; }
.jac-why-checklist { background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:32px; }
.jac-why-checklist h4 { font-size:16px; font-weight:700; color:#1a1a2e; margin:0 0 20px; }
.jac-wc-item { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #f0f4f8; font-size:14px; color:#5a6070; }
.jac-wc-item:last-child { border-bottom:none; }
.jac-wc-item i { color:#0f6e56; font-size:18px; flex-shrink:0; }

/* Bottom: 3 detail cards */
.jac-why-bottom { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.jac-why-card { background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:28px; transition:box-shadow 0.2s,transform 0.2s; }
.jac-why-card:hover { box-shadow:0 8px 32px rgba(50,91,201,0.1); transform:translateY(-4px); }
.jac-why-card .jwc-icon { width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.jac-why-card .jwc-icon.blue   { background:#e6f1fb; } .jac-why-card .jwc-icon.blue i   { color:#185fa5; }
.jac-why-card .jwc-icon.amber  { background:#faeeda; } .jac-why-card .jwc-icon.amber i  { color:#854f0b; }
.jac-why-card .jwc-icon.purple { background:#eeedfe; } .jac-why-card .jwc-icon.purple i { color:#534ab7; }
.jac-why-card .jwc-icon i { font-size:24px; }
.jac-why-card h5 { font-size:15px; font-weight:700; color:#1a1a2e; margin:0 0 8px; }
.jac-why-card p { font-size:13px; color:#5a6070; margin:0; line-height:1.7; }

@media(max-width:768px){ .jac-why-top,.jac-why-bottom { grid-template-columns:1fr; } }



.jac-faq-section { padding: 20px 0; background: #fff; }
.jac-faq-section .sec-tag { display:block; font-size:13px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:#f0b429; margin-bottom:5px; }
.jac-faq-section .sec-title { font-size:clamp(24px,3.5vw,38px); font-weight:700; color:#1a1a2e; margin-bottom:48px; }
.jac-faq-item { background:#fff; border:1px solid #e2e8f0; border-radius:16px; margin-bottom:14px; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,0.04); transition:box-shadow 0.2s; }
.jac-faq-item:hover { box-shadow:0 4px 20px rgba(50,91,201,0.1); }
.jac-faq-q { display:flex; align-items:center; gap:16px; padding:20px 24px; cursor:pointer; user-select:none; }
.jac-faq-num { width:36px; height:36px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,#325bc9,#3a4096); color:#fff; font-size:14px; font-weight:700; display:flex; align-items:center; justify-content:center; }
.jac-faq-q h5 { flex:1; margin:0; font-size:15px; font-weight:700; color:#1a1a2e; line-height:1.4; }
.jac-faq-toggle { width:32px; height:32px; flex-shrink:0; border-radius:50%; background:#f0f4ff; display:flex; align-items:center; justify-content:center; transition:background 0.2s; }
.jac-faq-toggle i { font-size:18px; color:#325bc9; transition:transform 0.3s; }
.jac-faq-item.jacopen .jac-faq-toggle { background:#325bc9; }
.jac-faq-item.jacopen .jac-faq-toggle i { color:#fff; transform:rotate(45deg); }
.jac-faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease; }
.jac-faq-answer-inner { padding:0 24px 20px 76px; color:#5a6070; font-size:14px; line-height:1.8; }
.jac-faq-item.jacopen .jac-faq-answer { max-height:220px; }

/* Contact side card */
.jac-contact-card { background: #1a1a2e; border-radius: 20px; padding: 36px 28px; position: sticky; top: 100px; }
.jac-contact-card .jcc-top { display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.jac-contact-card .jcc-icon-wrap { width:52px; height:52px; border-radius:50%; background:linear-gradient(135deg,#325bc9,#3a4096); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.jac-contact-card .jcc-icon-wrap i { color:#fff; font-size:22px; }
.jac-contact-card h4 { color:#fff; font-size:20px; font-weight:700; margin:0; }
.jac-contact-card p { color:rgba(255,255,255,0.65); font-size:14px; margin-bottom:24px; line-height:1.7; }
.jac-contact-row { display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; }
.jac-contact-row:last-of-type { margin-bottom:28px; }
.jac-contact-icon { width:40px; height:40px; border-radius:10px; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:2px; }
.jac-contact-icon i { color:#f0b429; font-size:16px; }
.jac-contact-row .jcr-label { color:rgba(255,255,255,0.45); font-size:12px; display:block; margin-bottom:3px; }
.jac-contact-row a { color:#fff; font-size:14px; font-weight:600; text-decoration:none; display:block; line-height:1.5; }
.jac-contact-card .jac-cta-btn { display:block; background:linear-gradient(90deg,#325bc9,#3a4096); color:#fff; text-align:center; padding:13px 20px; border-radius:50px; font-weight:700; font-size:15px; text-decoration:none; transition:transform 0.2s,box-shadow 0.2s; }
.jac-contact-card .jac-cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(50,91,201,0.4); }

@media(max-width:576px){ .jac-faq-answer-inner { padding:0 16px 18px 16px; } }