.scrivai-solutions {
	--ss-navy: #07143b;
	--ss-purple: #4e3ed3;
	--ss-purple-light: #7958ef;
	--ss-orange: #ff6548;
	--ss-muted: #667087;
	--ss-surface: #f8f7fc;
	--ss-border: #e8e4f5;
	background: #fff;
	color: var(--ss-navy);
	font-family: Inter, Poppins, Arial, sans-serif;
	overflow: hidden;
}

.scrivai-solutions *,
.scrivai-solutions *::before,
.scrivai-solutions *::after { box-sizing: border-box; }

.scrivai-solutions .ss-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.scrivai-solutions .ss-section { padding: 108px 0; }
.scrivai-solutions h1,
.scrivai-solutions h2,
.scrivai-solutions h3,
.scrivai-solutions p { margin-top: 0; }
.scrivai-solutions h1 { max-width: 690px; margin-bottom: 28px; font-size: clamp(3rem, 5.15vw, 4.55rem); line-height: 1.02; letter-spacing: -.052em; }
.scrivai-solutions h2 { margin-bottom: 20px; font-size: clamp(2.15rem, 3.6vw, 3.2rem); line-height: 1.08; letter-spacing: -.04em; }
.scrivai-solutions h3 { font-size: 1.65rem; line-height: 1.2; }
.scrivai-solutions p { color: var(--ss-muted); font-size: 1.06rem; line-height: 1.65; }
.scrivai-solutions .ss-eyebrow { margin-bottom: 22px; color: #6e57ed; font-size: .78rem; font-weight: 800; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; }
.scrivai-solutions .ss-lead { max-width: 680px; margin-bottom: 38px; font-size: 1.18rem; }
.scrivai-solutions .ss-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.scrivai-solutions .ss-button { display: inline-flex; min-height: 56px; align-items: center; justify-content: center; padding: 14px 24px; border-radius: 11px; background: var(--ss-purple); color: #fff; font-size: .9rem; font-weight: 800; text-decoration: none; box-shadow: 0 12px 28px rgba(78,62,211,.18); transition: transform .2s ease, box-shadow .2s ease; }
.scrivai-solutions .ss-button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 34px rgba(78,62,211,.25); }
.scrivai-solutions .ss-link { color: var(--ss-purple); font-size: .92rem; font-weight: 800; text-decoration: none; }

.scrivai-solutions .ss-hero { min-height: 690px; display: flex; align-items: center; padding: 96px 0; background: linear-gradient(135deg,#fff 0%,#fff 48%,#eee9ff 100%); }
.scrivai-solutions .ss-hero__grid { display: grid; grid-template-columns: 1.03fr .97fr; gap: 70px; align-items: center; }
.scrivai-solutions .ss-hero__visual { position: relative; min-height: 480px; }
.scrivai-solutions .ss-orb { position: absolute; border-radius: 999px; }
.scrivai-solutions .ss-orb--purple { top: 10px; right: 25px; width: 405px; height: 405px; background: linear-gradient(135deg,var(--ss-purple),#a25cf1); }
.scrivai-solutions .ss-orb--orange { bottom: 12px; left: 4px; width: 145px; height: 145px; background: var(--ss-orange); }
.scrivai-solutions .ss-dashboard { position: absolute; top: 70px; right: 0; width: min(475px, 92%); padding: 28px; border-radius: 24px; background: rgba(255,255,255,.96); box-shadow: 0 30px 70px rgba(30,17,93,.2); }
.scrivai-solutions .ss-dashboard__header { display: flex; align-items: center; justify-content: space-between; font-size: 1rem; }
.scrivai-solutions .ss-dashboard__header span { padding: 7px 12px; border-radius: 20px; background: #eeeaff; color: var(--ss-purple); font-size: .7rem; font-weight: 800; }
.scrivai-solutions .ss-chart { width: 100%; margin: 20px 0 12px; color: #6a53e8; }
.scrivai-solutions .ss-dashboard__metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.scrivai-solutions .ss-dashboard__metrics span { padding: 13px; border-radius: 11px; background: #f7f6fc; }
.scrivai-solutions .ss-dashboard__metrics strong,
.scrivai-solutions .ss-dashboard__metrics small { display: block; }
.scrivai-solutions .ss-dashboard__metrics strong { font-size: 1.25rem; }
.scrivai-solutions .ss-dashboard__metrics small { margin-top: 4px; color: #7a8195; }

.scrivai-solutions .ss-solutions { background: var(--ss-surface); }
.scrivai-solutions .ss-section-heading { max-width: 900px; margin: 0 auto 58px; text-align: center; }
.scrivai-solutions .ss-section-heading > p:last-child { margin-bottom: 0; font-size: 1.1rem; }
.scrivai-solutions .ss-solution-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 25px; }
.scrivai-solutions .ss-solution-card { min-height: 300px; display: flex; flex-direction: column; align-items: flex-start; padding: 36px; border-radius: 24px; }
.scrivai-solutions .ss-solution-card.is-light { border: 1px solid var(--ss-border); background: #fff; box-shadow: 0 15px 35px rgba(26,15,77,.045); }
.scrivai-solutions .ss-solution-card.is-purple { background: linear-gradient(145deg,var(--ss-purple),var(--ss-purple-light)); color: #fff; }
.scrivai-solutions .ss-solution-card__icon { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 26px; border-radius: 17px; background: #eeeaff; color: var(--ss-purple); font-size: 1.5rem; font-weight: 900; }
.scrivai-solutions .is-government .ss-solution-card__icon { background: #fff0ec; color: var(--ss-orange); }
.scrivai-solutions .is-purple .ss-solution-card__icon { background: rgba(255,255,255,.17); color: #fff; }
.scrivai-solutions .ss-solution-card h3 { margin-bottom: 13px; }
.scrivai-solutions .ss-solution-card p { margin-bottom: 26px; }
.scrivai-solutions .ss-solution-card.is-purple p { color: #e9e4ff; }
.scrivai-solutions .ss-solution-card a { margin-top: auto; color: var(--ss-purple); font-size: .9rem; font-weight: 800; text-decoration: none; }
.scrivai-solutions .ss-solution-card.is-purple a { color: #fff; }

.scrivai-solutions .ss-process__grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 85px; align-items: center; }
.scrivai-solutions .ss-process__content > p:not(.ss-eyebrow) { margin-bottom: 34px; font-size: 1.1rem; }
.scrivai-solutions .ss-process-list { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }
.scrivai-solutions .ss-process-list li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; padding: 19px; border-radius: 18px; background: var(--ss-surface); }
.scrivai-solutions .ss-process-list li > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 15px; background: var(--ss-purple); color: #fff; font-size: .78rem; font-weight: 900; }
.scrivai-solutions .ss-process-list li > span.is-orange { background: var(--ss-orange); }
.scrivai-solutions .ss-process-list h3 { margin-bottom: 5px; font-size: 1.05rem; }
.scrivai-solutions .ss-process-list p { margin-bottom: 0; font-size: .88rem; line-height: 1.45; }

.scrivai-solutions .ss-value { background: var(--ss-navy); color: #fff; }
.scrivai-solutions .ss-value .ss-section-heading .ss-eyebrow { color: #a895ff; }
.scrivai-solutions .ss-value .ss-section-heading p:last-child { color: #b8c0d8; }
.scrivai-solutions .ss-value-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.scrivai-solutions .ss-value-grid article { padding: 28px 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.06); }
.scrivai-solutions .ss-value-grid h3 { margin-bottom: 12px; font-size: 1.45rem; }
.scrivai-solutions .ss-value-grid p { margin-bottom: 0; color: #bdc5da; font-size: .9rem; line-height: 1.5; }

.scrivai-solutions .ss-cta { padding: 80px 0; }
.scrivai-solutions .ss-cta__panel { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 60px 65px; border-radius: 28px; background: linear-gradient(120deg,var(--ss-purple),#7856ef 78%,#9b5edb); color: #fff; }
.scrivai-solutions .ss-cta h2 { max-width: 760px; margin-bottom: 12px; font-size: clamp(2rem,3vw,2.7rem); }
.scrivai-solutions .ss-cta p { margin-bottom: 0; color: #e7e2ff; }
.scrivai-solutions .ss-button--orange { flex: 0 0 auto; background: var(--ss-orange); box-shadow: none; }

@media (max-width: 1024px) {
	.scrivai-solutions .ss-hero__grid,
	.scrivai-solutions .ss-process__grid { grid-template-columns: 1fr; }
	.scrivai-solutions .ss-hero__visual { min-height: 430px; }
	.scrivai-solutions .ss-dashboard { left: 50%; right: auto; transform: translateX(-50%); }
	.scrivai-solutions .ss-orb--purple { left: 50%; right: auto; transform: translateX(-38%); }
	.scrivai-solutions .ss-value-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 767px) {
	.scrivai-solutions .ss-container { width: min(100% - 32px, 1240px); }
	.scrivai-solutions .ss-section { padding: 76px 0; }
	.scrivai-solutions h1 { font-size: clamp(2.65rem,13vw,4rem); }
	.scrivai-solutions h2 { font-size: clamp(2rem,9vw,2.8rem); }
	.scrivai-solutions .ss-hero { min-height: auto; padding: 78px 0 58px; }
	.scrivai-solutions .ss-hero__grid { gap: 42px; }
	.scrivai-solutions .ss-hero__visual { min-height: 350px; }
	.scrivai-solutions .ss-orb--purple { width: 290px; height: 290px; }
	.scrivai-solutions .ss-orb--orange { width: 100px; height: 100px; }
	.scrivai-solutions .ss-dashboard { top: 52px; width: 96%; padding: 20px; }
	.scrivai-solutions .ss-solution-grid,
	.scrivai-solutions .ss-value-grid { grid-template-columns: 1fr; }
	.scrivai-solutions .ss-solution-card { min-height: 310px; padding: 30px; }
	.scrivai-solutions .ss-process__grid { gap: 48px; }
	.scrivai-solutions .ss-cta { padding: 56px 0; }
	.scrivai-solutions .ss-cta__panel { align-items: flex-start; flex-direction: column; padding: 42px 30px; }
}

@media (prefers-reduced-motion: reduce) {
	.scrivai-solutions .ss-button { transition: none; }
}

