.civaren-portfolio h2{max-width:820px}
.civaren-portfolio-lede{margin-top:18px;color:#475467;max-width:760px}
.civaren-portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.civaren-product-card{background:#fff;border:1px solid #e4e7ec;border-top:4px solid #3157e4;border-radius:14px;padding:22px;box-shadow:0 12px 34px rgba(16,24,40,.05)}
.civaren-product-card h3{font-size:25px;margin:10px 0}
.civaren-product-card p{color:#667085;font-size:15px;line-height:1.55;min-height:142px}
.civaren-product-collect{border-top-color:#0e7c66}
.civaren-product-resolve{border-top-color:#b54708}
.civaren-product-community{border-top-color:#7f56d9}
.card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.demo-link{color:#475467;font-size:13px;font-weight:700;text-decoration:none}.demo-link:hover{color:#3157e4;text-decoration:underline}
.civaren-portfolio-action{display:flex;align-items:center;gap:18px;margin-top:28px}
.civaren-portfolio-action .btn-dark-outline{background:#0b1220;color:#fff;border-color:#0b1220}
.civaren-portfolio-action .btn-dark-outline:hover{background:#3157e4;border-color:#3157e4}
.civaren-portfolio-action span{color:#667085;font-size:13px}
.home-page .hero{padding:92px 0 84px}
.home-page .section{padding:70px 0}
.home-page .intro-grid{gap:52px}
.home-page .operating-map{margin-top:32px}
.home-page .process{margin-top:30px}
.home-page .process-step{padding:22px 0}
.home-page .vertical-grid{margin-top:28px}
.home-page .vertical-card{min-height:230px}
.home-page .newsletter-signup{padding:64px 0}
.ctm-page .hero{background:linear-gradient(128deg,#101828 0%,#293056 58%,#5b3f91 135%)}
.ctm-page .hero::after{box-shadow:0 0 0 90px rgba(127,86,217,.10),0 0 0 180px rgba(94,123,255,.06)}
.ctm-page .hero .eyebrow{color:#d6c8ff}
.ctm-page .section{padding:76px 0}
.consumer-page .page-hero{background:linear-gradient(135deg,#f7f8fb 0%,#f1edff 100%)}
.by-civaren{font-size:.42em;color:#667085;letter-spacing:0;white-space:nowrap}
@media(max-width:1100px){.civaren-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.civaren-product-card p{min-height:106px}}
@media(max-width:850px){.civaren-portfolio-grid{grid-template-columns:1fr}.civaren-product-card p{min-height:0}.civaren-portfolio-action{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.home-page .hero{padding:68px 0 62px}.home-page .section,.home-page .newsletter-signup{padding:52px 0}.home-page .intro-grid{gap:26px}}