/* ============================================================
   SERVICE DETAIL — Smart Connect / Security / Support
   ============================================================ */

/* ===== Hero ===== */
.ss-service-hero{
	position:relative;
	padding:96px 0 56px;
	overflow:hidden;
	isolation:isolate;
}
.ss-service-hero__bg{
	position:absolute; inset:0; pointer-events:none; z-index:-1;
}
.ss-service-hero__blob{
	position:absolute; width:680px; height:680px; border-radius:50%;
	filter:blur(120px); opacity:.35; mix-blend-mode:screen;
}
.ss-service-hero__blob--1{
	top:-180px; left:-120px;
	background:radial-gradient(circle, var(--ss-grad-1,#22D3EE) 0%, transparent 70%);
}
.ss-service-hero__blob--2{
	bottom:-220px; right:-180px;
	background:radial-gradient(circle, var(--ss-grad-2,#A78BFA) 0%, transparent 70%);
	opacity:.32;
}
.ss-service-hero__grid{
	position:absolute; inset:0;
	background-image:
		linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
	background-size:48px 48px;
	mask-image:radial-gradient(ellipse at center, black 35%, transparent 75%);
	-webkit-mask-image:radial-gradient(ellipse at center, black 35%, transparent 75%);
	opacity:.5;
}
.ss-service-hero__inner{
	max-width:880px;
	margin:0 auto;
	text-align:center;
}
.ss-service-hero__title{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:clamp(2.4rem, 4.5vw, 4.2rem);
	line-height:1.04;
	letter-spacing:-.025em;
	margin:.6em 0 .35em;
	font-weight:800;
	color:var(--ss-text,#E5E7EB);
}
.ss-service-hero__sub{
	font-size:clamp(1.05rem, 1.4vw, 1.25rem);
	line-height:1.55;
	color:var(--ss-text-mute, rgba(229,231,235,.72));
	max-width:680px; margin:0 auto;
}
.ss-service-hero__ctas{
	display:flex; gap:14px; justify-content:center; flex-wrap:wrap;
	margin:36px 0 56px;
}
.ss-service-hero__stats{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:24px;
	margin:0 auto;
	max-width:880px;
	padding:28px 32px;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius:20px;
	backdrop-filter:blur(8px);
}
.ss-service-hero__stat{ text-align:center; }
.ss-service-hero__stat-value{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:clamp(1.6rem, 2.4vw, 2.2rem);
	font-weight:700;
	background:linear-gradient(135deg, var(--ss-grad-1,#22D3EE), var(--ss-grad-2,#A78BFA));
	-webkit-background-clip:text; background-clip:text;
	-webkit-text-fill-color:transparent;
	letter-spacing:-.02em;
}
.ss-service-hero__stat-label{
	margin:.4em 0 0;
	font-size:.82rem;
	color:var(--ss-text-mute, rgba(229,231,235,.65));
	line-height:1.35;
}

/* ===== Sections génériques accentuées ===== */
.ss-section--accent{
	background:linear-gradient(180deg, transparent, rgba(167,139,250,.04) 50%, transparent);
}
.ss-container--narrow{ max-width:880px; }

/* ===== Use cases ===== */
.ss-usecases__grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:20px;
	margin-top:48px;
}
.ss-usecase{
	padding:28px 24px;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.ss-usecase:hover{
	transform:translateY(-4px);
	border-color:rgba(167,139,250,.35);
	background:rgba(255,255,255,.05);
}
.ss-usecase__icon{
	width:44px; height:44px; border-radius:12px;
	display:grid; place-items:center;
	background:linear-gradient(135deg, rgba(34,211,238,.18), rgba(167,139,250,.18));
	border:1px solid rgba(255,255,255,.1);
	color:var(--ss-grad-1,#22D3EE);
	margin-bottom:18px;
}
.ss-usecase__icon svg{ width:22px; height:22px; }
.ss-usecase__title{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:1.1rem; font-weight:600;
	color:var(--ss-text,#E5E7EB);
	margin:0 0 .55em;
	letter-spacing:-.01em;
}
.ss-usecase__desc{
	font-size:.92rem;
	line-height:1.55;
	color:var(--ss-text-mute, rgba(229,231,235,.7));
	margin:0;
}

/* ===== Features grid ===== */
.ss-features__grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:20px;
	margin-top:48px;
}
.ss-feature{
	padding:26px 22px;
	background:rgba(255,255,255,.025);
	border:1px solid rgba(255,255,255,.07);
	border-radius:16px;
	transition:transform .35s ease, border-color .35s ease;
}
.ss-feature:hover{
	transform:translateY(-3px);
	border-color:rgba(34,211,238,.3);
}
.ss-feature__icon{
	width:38px; height:38px; border-radius:10px;
	display:grid; place-items:center;
	background:rgba(34,211,238,.1);
	color:var(--ss-grad-1,#22D3EE);
	margin-bottom:16px;
}
.ss-feature__icon svg{ width:20px; height:20px; }
.ss-feature__title{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:1rem; font-weight:600;
	color:var(--ss-text,#E5E7EB);
	margin:0 0 .45em;
}
.ss-feature__desc{
	font-size:.88rem; line-height:1.55;
	color:var(--ss-text-mute, rgba(229,231,235,.7));
	margin:0;
}

/* ===== Pricing ===== */
.ss-pricing__explain{
	max-width: 52rem;
	margin: 0 auto 2rem;
	padding: 1.25rem 1.35rem;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.1);
	border-radius: 16px;
}
.ss-pricing__explain-list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
}
.ss-pricing__explain-list li{
	position: relative;
	padding-left: 1.35rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--ss-text-mute, rgba(229,231,235,.78));
}
.ss-pricing__explain-list li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--ss-grad-1,#22D3EE), var(--ss-grad-2,#A78BFA));
}
.ss-pricing__explain-list strong{
	color: var(--ss-text,#E5E7EB);
	font-weight: 600;
}
.ss-pricing__grid{
	display:grid;
	grid-template-columns:repeat(3, minmax(0,1fr));
	gap:22px;
	margin-top:56px;
	align-items:stretch;
}
.ss-pricing__explain + .ss-pricing__grid{
	margin-top: 1.5rem;
}
.ss-pricing__footnote{
	max-width: 52rem;
	margin: 1.75rem auto 0;
	padding: 0.9rem 1.1rem 0;
	font-size: 0.85rem;
	line-height: 1.55;
	color: var(--ss-text-mute, rgba(229,231,235,.65));
	text-align: center;
	border-top: 1px solid rgba(255,255,255,.08);
}
.ss-pricing__footnote strong{
	color: var(--ss-text, #E5E7EB);
	font-weight: 600;
}
.ss-pricing__plan{
	position:relative;
	display:flex; flex-direction:column;
	padding:32px 28px;
	background:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.08);
	border-radius:22px;
	transition:transform .35s ease, border-color .35s ease;
}
.ss-pricing__plan:hover{
	transform:translateY(-4px);
}
.ss-pricing__plan--featured{
	background:linear-gradient(180deg, rgba(34,211,238,.08), rgba(167,139,250,.08) 80%);
	border-color:rgba(167,139,250,.4);
	box-shadow:0 30px 60px -30px rgba(167,139,250,.5);
}
.ss-pricing__badge{
	position:absolute; top:-12px; right:24px;
	font-size:.72rem; font-weight:600;
	letter-spacing:.05em; text-transform:uppercase;
	padding:6px 12px; border-radius:999px;
	background:linear-gradient(135deg, var(--ss-grad-1,#22D3EE), var(--ss-grad-2,#A78BFA));
	color:#07070F;
}
.ss-pricing__head{
	padding-bottom:22px;
	border-bottom:1px solid rgba(255,255,255,.08);
	margin-bottom:22px;
}
.ss-pricing__name{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:1.15rem; font-weight:600;
	margin:0 0 14px;
	color:var(--ss-text,#E5E7EB);
}
.ss-pricing__price{ margin:0 0 14px; }
.ss-pricing__amount{
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:1.85rem; font-weight:700;
	color:var(--ss-text,#E5E7EB);
	letter-spacing:-.015em;
}
.ss-pricing__period{
	font-size:.88rem;
	color:var(--ss-text-mute, rgba(229,231,235,.6));
	margin-left:6px;
}
.ss-pricing__desc{
	font-size:.92rem;
	color:var(--ss-text-mute, rgba(229,231,235,.7));
	margin:0;
	line-height:1.5;
}
.ss-pricing__features{
	list-style:none; padding:0; margin:0 0 28px;
	display:flex; flex-direction:column; gap:11px;
	flex:1;
}
.ss-pricing__features li{
	display:flex; align-items:flex-start; gap:10px;
	font-size:.92rem;
	color:var(--ss-text,#E5E7EB);
	line-height:1.45;
}
.ss-pricing__features svg{
	flex-shrink:0;
	width:18px; height:18px;
	margin-top:1px;
	color:var(--ss-grad-1,#22D3EE);
}
.ss-pricing__cta{
	width:100%; justify-content:center;
}

/* ===== FAQ ===== */
.ss-faq{
	display:flex; flex-direction:column; gap:14px;
	margin-top:48px;
}
.ss-faq__item{
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.08);
	border-radius:14px;
	overflow:hidden;
	transition:border-color .25s ease;
}
.ss-faq__item[open]{
	border-color:rgba(167,139,250,.35);
}
.ss-faq__q{
	display:flex; align-items:center; justify-content:space-between;
	gap:16px;
	padding:18px 22px;
	font-family:var(--ss-font-display, "Geist", sans-serif);
	font-size:1.02rem; font-weight:500;
	color:var(--ss-text,#E5E7EB);
	cursor:pointer;
	list-style:none;
	transition:background .2s ease;
}
.ss-faq__q::-webkit-details-marker{ display:none; }
.ss-faq__q:hover{ background:rgba(255,255,255,.02); }
.ss-faq__chev{
	width:18px; height:18px;
	color:var(--ss-text-mute, rgba(229,231,235,.6));
	transition:transform .3s ease;
	flex-shrink:0;
}
.ss-faq__item[open] .ss-faq__chev{ transform:rotate(180deg); }
.ss-faq__a{
	padding:0 22px 22px;
	font-size:.95rem; line-height:1.65;
	color:var(--ss-text-mute, rgba(229,231,235,.78));
}
.ss-faq__a p{ margin:0 0 .9em; }
.ss-faq__a p:last-child{ margin:0; }

/* ===== Responsive ===== */
@media (max-width: 1024px){
	.ss-usecases__grid,
	.ss-features__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.ss-pricing__grid{ grid-template-columns:1fr; }
	.ss-service-hero__stats{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; }
}
@media (max-width: 640px){
	.ss-service-hero{ padding:72px 0 40px; }
	.ss-usecases__grid,
	.ss-features__grid{ grid-template-columns:1fr; }
	.ss-service-hero__stats{ grid-template-columns:1fr; padding:22px; }
}