/* Shared layer for /for-nonprofit, /for-business, /for-events (base comes from case-study.css) */
.seg-hero{padding:80px 0 40px;}
.seg-hero h1{font-family:var(--display);font-weight:600;font-size:clamp(36px,6vw,68px);line-height:1.04;letter-spacing:-0.01em;max-width:820px;margin:14px 0 22px;}
.seg-hero h1 em{color:var(--volt);font-style:italic;font-weight:450;}
.seg-hero p{color:var(--ink-dim);font-size:17px;line-height:1.65;max-width:640px;margin-bottom:30px;}
.seg-eyebrow{font-family:var(--mono);font-size:12.5px;color:var(--volt);letter-spacing:.1em;text-transform:uppercase;}
.seg-section{padding:70px 0;border-top:1px solid var(--line);}
.seg-section h2{font-family:var(--display);font-weight:600;font-size:clamp(28px,4vw,44px);line-height:1.1;margin:10px 0 34px;max-width:720px;}

.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.ba-card{border-radius:20px;padding:30px;border:1px solid var(--line-strong);background:var(--paper-2);}
.ba-card.before{background:var(--paper-3);}
.ba-card.after{border-color:var(--volt);}
.ba-card h3{font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;}
.ba-card.before h3{color:var(--ember);}
.ba-card.after h3{color:var(--volt);}
.ba-card ul{list-style:none;display:flex;flex-direction:column;gap:12px;padding:0;margin:0;}
.ba-card li{font-size:15px;line-height:1.55;padding-left:26px;position:relative;}
.ba-card.before li::before{content:"✕";position:absolute;left:0;color:var(--ember);}
.ba-card.after li::before{content:"✓";position:absolute;left:0;color:var(--volt);}

.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.case-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--paper-2);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;transition:transform .3s ease,border-color .3s ease;}
a.case-card:hover{transform:translateY(-4px);border-color:var(--volt);}
.case-card img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;background:var(--paper-3);}
.case-card .ph{aspect-ratio:16/10;background:repeating-linear-gradient(135deg,var(--paper),var(--paper) 10px,var(--paper-3) 10px,var(--paper-3) 20px);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--ink-dim);}
.case-card .body{padding:24px;display:flex;flex-direction:column;gap:8px;}
.case-card h3{font-family:var(--display);font-weight:600;font-size:21px;}
.case-card p{color:var(--ink-dim);font-size:14.5px;line-height:1.6;}
.case-card .go{font-family:var(--mono);font-size:12.5px;color:var(--volt);margin-top:6px;}

.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.why-item{padding:26px;border-radius:18px;background:var(--paper-2);border:1px solid var(--line);}
.why-item b{display:block;font-family:var(--display);font-size:34px;color:var(--volt);margin-bottom:8px;}
.why-item h3{font-size:16px;font-weight:600;margin-bottom:6px;}
.why-item p{color:var(--ink-dim);font-size:14px;line-height:1.6;}

.mini-test{max-width:680px;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:20px;padding:34px;}
.mt-q{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center;}
.mt-q span{font-size:15px;line-height:1.5;}
.mt-opts{display:flex;gap:8px;flex-shrink:0;}
.mt-opts button{font-family:var(--mono);font-size:12.5px;padding:8px 16px;border-radius:100px;border:1px solid var(--line-strong);background:none;color:var(--ink-dim);cursor:pointer;}
.mt-opts button.on{background:var(--ink);color:var(--paper-2);border-color:var(--ink);}
.mt-result{margin-top:24px;display:none;}
.mt-result.show{display:block;}
.mt-result h3{font-family:var(--display);font-size:24px;margin-bottom:8px;}
.mt-result p{color:var(--ink-dim);font-size:15px;line-height:1.6;margin-bottom:18px;}

.seg-cta{text-align:center;padding:90px 0;border-top:1px solid var(--line);}
.seg-cta h2{font-family:var(--display);font-weight:600;font-size:clamp(30px,5vw,56px);margin-bottom:24px;}
.seg-cta .btn{margin:0 auto;}

@media (max-width:860px){
  .ba-grid,.case-grid,.why-grid{grid-template-columns:1fr;}
  .mt-q{flex-direction:column;align-items:flex-start;}
  .mini-test{padding:24px 20px;}
}
.why-item .src{margin-top:12px;font-family:var(--mono);font-size:11.5px;}
.why-item .src a{color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;}