:root{
	--cmpl-bg:#f4f8fb;
	--cmpl-surface:#fff;
	--cmpl-text:#10202b;
	--cmpl-muted:#61717c;
	--cmpl-line:rgba(16,32,43,.1);
	--cmpl-primary:#1296c8;
	--cmpl-primary-dark:#0a7199;
	--cmpl-secondary:#7257e6;
	--cmpl-dark:#0d202b;
	--cmpl-container:1240px;
}

.cm-plugins-page,
.cm-plugins-page *{
	box-sizing:border-box;
}

.cm-plugins-page{
	overflow:hidden;
	background:var(--cmpl-bg);
	color:var(--cmpl-text);
}

.cm-plugins-page a{
	text-decoration:none;
}

.cm-plugins-container{
	width:min(calc(100% - 40px),var(--cmpl-container));
	margin-inline:auto;
}

.cm-plugins-reveal{
	opacity:0;
	transform:translateY(22px);
	transition:
		opacity .7s ease var(--cmpl-delay,0ms),
		transform .7s ease var(--cmpl-delay,0ms);
}

.cm-plugins-reveal.is-visible{
	opacity:1;
	transform:none;
}

.cm-plugins-kicker{
	display:inline-block;
	color:var(--cmpl-primary-dark);
	font-size:.76rem;
	font-weight:800;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.cm-plugins-breadcrumbs{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:30px;
	color:#71818c;
	font-size:.78rem;
	font-weight:690;
}

.cm-plugins-breadcrumbs a{
	color:inherit;
}

.cm-plugins-breadcrumbs a:hover{
	color:var(--cmpl-primary-dark);
}

.cm-plugins-breadcrumbs svg{
	width:13px;
	height:13px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

/* HERO */

.cm-plugins-hero{
	position:relative;
	isolation:isolate;
	padding:clamp(42px,5vw,68px) 0 clamp(48px,5vw,74px);
	background:
		radial-gradient(circle at 7% 18%,rgba(18,150,200,.15),transparent 28%),
		radial-gradient(circle at 91% 10%,rgba(114,87,230,.11),transparent 24%),
		linear-gradient(180deg,#fbfdff 0%,#eef5f9 100%);
}

.cm-plugins-hero::before{
	position:absolute;
	z-index:-2;
	inset:0;
	background-image:
		linear-gradient(rgba(16,32,43,.023) 1px,transparent 1px),
		linear-gradient(90deg,rgba(16,32,43,.023) 1px,transparent 1px);
	background-size:72px 72px;
	content:"";
	mask-image:linear-gradient(#000,transparent 97%);
}

.cm-plugins-orb{
	position:absolute;
	z-index:-1;
	border-radius:50%;
	filter:blur(58px);
	pointer-events:none;
}

.cm-plugins-orb--one{
	top:20px;
	left:-130px;
	width:300px;
	height:300px;
	background:rgba(18,150,200,.08);
}

.cm-plugins-orb--two{
	right:-90px;
	bottom:-30px;
	width:300px;
	height:300px;
	background:rgba(114,87,230,.07);
}

.cm-plugins-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
	align-items:center;
	gap:clamp(36px,4.6vw,66px);
}

.cm-plugins-hero__copy h1{
	max-width:760px;
	margin:14px 0 0;
	font-size:clamp(3.1rem,5vw,5.35rem);
	font-weight:790;
	letter-spacing:-.066em;
	line-height:.95;
}

.cm-plugins-hero__copy h1 span{
	display:block;
	margin-top:7px;
	padding-bottom:.05em;
	background:linear-gradient(105deg,#149bc9,#2c8fd0 52%,#7257e6);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}

.cm-plugins-hero__copy>p{
	max-width:680px;
	margin:22px 0 0;
	color:var(--cmpl-muted);
	font-size:clamp(1rem,1.28vw,1.11rem);
	line-height:1.72;
}

.cm-plugins-hero__actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:26px;
}

.cm-plugins-button{
	display:inline-flex;
	min-height:50px;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:0 20px;
	border:0;
	border-radius:999px;
	font-size:.89rem;
	font-weight:780;
	line-height:1;
	text-decoration:none;
	transition:transform .23s ease, box-shadow .23s ease, background-color .23s ease, color .23s ease;
}

.cm-plugins-button svg{
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.cm-plugins-button:hover{
	transform:translateY(-2px);
}

.cm-plugins-button--primary{
	background:linear-gradient(135deg,var(--cmpl-primary),var(--cmpl-primary-dark));
	box-shadow:0 18px 34px rgba(18,150,200,.24);
	color:#fff;
}

.cm-plugins-button--secondary{
	border:1px solid rgba(16,32,43,.1);
	background:#fff;
	box-shadow:0 10px 24px rgba(15,39,54,.05);
	color:var(--cmpl-text);
}

.cm-plugins-hero__facts{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-top:26px;
}

.cm-plugins-hero__facts span{
	display:inline-flex;
	min-height:40px;
	align-items:center;
	padding:0 16px;
	border:1px solid rgba(16,32,43,.08);
	border-radius:999px;
	background:rgba(255,255,255,.74);
	box-shadow:0 8px 22px rgba(15,39,54,.045);
	color:#51626d;
	font-size:.82rem;
	font-weight:770;
	backdrop-filter:blur(10px);
}

/* SHOWCASE */

.cm-plugins-showcase{
	position:relative;
	min-height:400px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.cm-plugins-hero-art{
	position:relative;
	width:min(100%,460px);
	display:flex;
	align-items:center;
	justify-content:center;
}

.cm-plugins-hero-art__glow{
	position:absolute;
	border-radius:50%;
	filter:blur(48px);
	pointer-events:none;
}

.cm-plugins-hero-art__glow--one{
	top:10%;
	right:4%;
	width:150px;
	height:150px;
	background:rgba(111,91,235,.12);
}

.cm-plugins-hero-art__glow--two{
	left:5%;
	bottom:8%;
	width:170px;
	height:170px;
	background:rgba(18,150,200,.12);
}

.cm-plugins-hero-art__frame{
	position:relative;
	z-index:1;
	width:100%;
	padding:10px;
	border:1px solid rgba(255,255,255,.58);
	border-radius:34px;
	background:linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.18));
	box-shadow:
		0 28px 64px rgba(15,39,54,.10),
		inset 0 1px 0 rgba(255,255,255,.78);
	backdrop-filter:blur(20px) saturate(125%);
}

.cm-plugins-hero-art__frame img{
	display:block;
	width:100%;
	height:auto;
	border-radius:26px;
}

/* COMMON SECTIONS */

.cm-plugins-section{
	padding:clamp(80px,8vw,124px) 0;
}

.cm-plugins-heading{
	display:grid;
	grid-template-columns:minmax(0,1.18fr) minmax(300px,.76fr);
	align-items:end;
	gap:68px;
	margin-bottom:48px;
}

.cm-plugins-heading h2{
	max-width:820px;
	margin:10px 0 0;
	font-size:clamp(2.5rem,4.4vw,4.7rem);
	font-weight:780;
	letter-spacing:-.057em;
	line-height:.98;
}

.cm-plugins-heading>p{
	width:100%;
	margin:0;
	color:var(--cmpl-muted);
	font-size:1rem;
	line-height:1.62;
	text-wrap:pretty;
}

/* PLUGIN GRID */

.cm-plugins-catalog{
	background:#fff;
}

.cm-plugins-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:22px;
}

.cm-plugin-card{
	display:flex;
	min-height:330px;
	flex-direction:column;
	padding:32px;
	border:1px solid rgba(16,32,43,.09);
	border-radius:28px;
	background:
		linear-gradient(145deg,rgba(18,150,200,.032),transparent 34%),
		#fff;
	box-shadow:0 18px 46px rgba(15,39,54,.065);
	transition:
		transform .25s ease,
		box-shadow .25s ease,
		border-color .25s ease;
}

.cm-plugin-card:hover{
	transform:translateY(-4px);
	border-color:rgba(18,150,200,.18);
	box-shadow:0 26px 58px rgba(15,39,54,.095);
}

.cm-plugin-card__top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
}

.cm-plugin-card__icon{
	display:grid;
	width:58px;
	height:58px;
	place-items:center;
	border:1px solid rgba(18,150,200,.11);
	border-radius:17px;
	background:linear-gradient(145deg,#ecf9fe,#f5f3ff);
	color:var(--cmpl-primary-dark);
	box-shadow:0 9px 24px rgba(18,150,200,.08);
}

.cm-plugin-card__icon svg{
	width:28px;
	height:28px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.cm-plugin-card__icon--image{
	overflow:visible;
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}

.cm-plugin-card__icon--image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	border-radius:17px;
}

.cm-plugin-card__badges{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:7px;
}

.cm-plugin-card__badges span{
	display:inline-flex;
	min-height:29px;
	align-items:center;
	padding:5px 10px;
	border:1px solid rgba(16,32,43,.08);
	border-radius:999px;
	background:#f8fafb;
	color:#61717c;
	font-size:.68rem;
	font-weight:760;
}

.cm-plugin-card__badges .cm-plugin-card__version{
	border-color:rgba(18,150,200,.12);
	background:#f0f9fc;
	color:#0a7199;
}

.cm-plugin-card__content{
	margin-top:25px;
}

.cm-plugin-card__content h3{
	margin:0;
	font-size:clamp(1.45rem,2vw,1.85rem);
	font-weight:770;
	letter-spacing:-.035em;
	line-height:1.12;
}

.cm-plugin-card__content p{
	max-width:720px;
	margin:18px 0 26px;
	color:var(--cmpl-muted);
	font-size:.95rem;
	line-height:1.68;
}

.cm-plugin-card__footer{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-top:auto;
	padding-top:34px;
	border-top:1px solid rgba(16,32,43,.08);
}

.cm-plugin-card__meta{
	display:flex;
	flex-direction:column;
	gap:4px;
}

.cm-plugin-card__meta small{
	color:#80909a;
	font-size:.67rem;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.08em;
}

.cm-plugin-card__meta strong{
	font-size:1.03rem;
}

.cm-plugin-card__actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:9px;
}

.cm-plugin-card__actions .cm-plugins-button{
	min-height:44px;
	padding:0 16px;
	font-size:.8rem;
}

.cm-plugins-notice{
	display:flex;
	align-items:center;
	gap:11px;
	margin:0 0 24px;
	padding:14px 17px;
	border:1px solid rgba(181,126,26,.18);
	border-radius:14px;
	background:#fffaf1;
	color:#766037;
	font-size:.83rem;
	line-height:1.5;
}

.cm-plugins-notice svg{
	flex:0 0 auto;
	width:18px;
	height:18px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.8;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.cm-plugins-empty{
	padding:50px;
	border:1px dashed rgba(16,32,43,.15);
	border-radius:26px;
	background:#f8fafb;
	text-align:center;
}

.cm-plugins-empty__icon{
	display:grid;
	width:62px;
	height:62px;
	margin:0 auto;
	place-items:center;
	border-radius:18px;
	background:#eef6fa;
	color:var(--cmpl-primary-dark);
}

.cm-plugins-empty__icon svg{
	width:29px;
	height:29px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.cm-plugins-empty h3{
	margin:18px 0 0;
	font-size:1.5rem;
}

.cm-plugins-empty p{
	margin:10px auto 0;
	max-width:540px;
	color:var(--cmpl-muted);
	line-height:1.65;
}

/* INSTALLATION */

.cm-plugins-how{
	position:relative;
	background:
		radial-gradient(circle at 13% 10%,rgba(18,150,200,.1),transparent 26%),
		linear-gradient(155deg,#0c202b,#102d3a 58%,#162943);
	color:#fff;
}

.cm-plugins-heading--light h2{
	color:#fff;
}

.cm-plugins-heading--light .cm-plugins-kicker{
	color:#7ed8fa;
}

.cm-plugins-heading--light>p{
	color:#b8c7cf;
}

.cm-plugins-steps{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:16px;
}

.cm-plugins-step{
	min-height:245px;
	padding:30px;
	border:1px solid rgba(255,255,255,.09);
	border-radius:24px;
	background:rgba(255,255,255,.055);
	box-shadow:0 14px 34px rgba(0,0,0,.08);
}

.cm-plugins-step>span{
	display:grid;
	width:44px;
	height:44px;
	place-items:center;
	border:1px solid rgba(126,216,250,.22);
	border-radius:14px;
	background:rgba(126,216,250,.08);
	color:#8fdef9;
	font-size:.72rem;
	font-weight:800;
}

.cm-plugins-step h3{
	margin:26px 0 0;
	color:#fff;
	font-size:1.25rem;
	font-weight:740;
	letter-spacing:-.025em;
}

.cm-plugins-step p{
	margin:12px 0 0;
	color:#b7c7cf;
	font-size:.9rem;
	line-height:1.65;
}

/* BOTTOM */

.cm-plugins-bottom{
	padding-top:48px;
	background:#eef4f7;
}

.cm-plugins-bottom__grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:24px;
}

.cm-plugins-bottom__card{
	padding:38px 38px 34px;
	border:1px solid rgba(16,32,43,.09);
	border-radius:28px;
	background:#fff;
	box-shadow:0 18px 48px rgba(15,39,54,.055);
}

.cm-plugins-bottom__card h2{
	margin:12px 0 0;
	font-size:clamp(2rem,3.2vw,3.2rem);
	font-weight:780;
	letter-spacing:-.05em;
	line-height:1;
}

.cm-plugins-bottom__card p{
	margin:18px 0 0;
	color:var(--cmpl-muted);
	font-size:1rem;
	line-height:1.7;
}

/* RESPONSIVE */

@media (max-width:980px){
	.cm-plugins-hero__grid,
	.cm-plugins-heading,
	.cm-plugins-about__panel{
		grid-template-columns:1fr;
	}

	.cm-plugins-hero__grid{
		gap:54px;
	}

	.cm-plugins-heading{
		gap:24px;
	}

	.cm-plugins-heading>p{
		max-width:760px;
	}

	.cm-plugins-grid{
		grid-template-columns:1fr;
	}

	.cm-plugins-steps{
		grid-template-columns:1fr;
	}

	.cm-plugins-step{
		min-height:0;
	}

	.cm-plugins-bottom__grid{
		grid-template-columns:1fr;
	}

	.cm-plugins-bottom__card{
		padding:32px 30px;
	}

	.cm-plugins-showcase{
		min-height:0;
	}

	.cm-plugins-showcase__badge--left{
		left:16px;
		top:110px;
	}

	.cm-plugins-showcase__badge--top{
		right:16px;
	}
}

@media (max-width:640px){
	.cm-plugins-container{
		width:min(calc(100% - 28px),var(--cmpl-container));
	}

	.cm-plugins-hero{
		padding:48px 0 76px;
	}

	.cm-plugins-breadcrumbs{
		margin-bottom:24px;
	}

	.cm-plugins-hero__copy h1{
		font-size:clamp(2.75rem,14vw,4.5rem);
		line-height:1;
	}

	.cm-plugins-hero__copy>p{
		margin-top:22px;
		font-size:1rem;
		line-height:1.65;
	}

	.cm-plugins-section{
		padding:72px 0;
	}

	.cm-plugins-heading{
		margin-bottom:34px;
	}

	.cm-plugins-heading h2{
		font-size:clamp(2.25rem,11vw,3.5rem);
		line-height:1;
	}

	.cm-plugins-showcase{
		min-height:0;
		display:block;
		padding-top:8px;
	}


	.cm-plugins-graphic__ring,
	.cm-plugins-graphic__glow,
	.cm-plugins-graphic__plate{
		display:none;
	}

	.cm-plugins-graphic__center{
		grid-column:1 / -1;
		width:100%;
		max-width:none;
		height:auto;
		min-height:200px;
		border-radius:34px;
	}

	.cm-plugins-graphic__center::before{
		border-radius:24px;
	}

	.cm-plugins-graphic__icon{
		width:92px;
		height:92px;
	}

	.cm-plugins-graphic__node{
		position:relative;
		top:auto;
		right:auto;
		bottom:auto;
		left:auto;
		width:100%;
		height:62px;
		transform:none !important;
	}

	.cm-plugin-card{
		min-height:0;
		padding:24px;
		border-radius:23px;
	}

	.cm-plugin-card__footer{
		align-items:stretch;
		flex-direction:column;
		gap:18px;
	}

	.cm-plugin-card__actions{
		justify-content:flex-start;
	}

	.cm-plugin-card__actions .cm-plugins-button{
		width:100%;
	}

	.cm-plugins-bottom__card{
		padding:28px 22px;
		border-radius:22px;
	}
}

@media (max-width:980px){
	.cm-plugins-showcase{
		min-height:0;
	}

	.cm-plugins-hero-art{
		width:min(100%,430px);
		margin-inline:auto;
	}
}

@media (max-width:640px){
	.cm-plugins-hero-art{
		width:100%;
	}

	.cm-plugins-hero-art__frame{
		padding:7px;
		border-radius:26px;
	}

	.cm-plugins-hero-art__frame img{
		border-radius:20px;
	}
}

@media (prefers-reduced-motion:reduce){
	.cm-plugins-reveal{
		opacity:1;
		transform:none;
		transition:none;
	}

	.cm-plugins-button,
	.cm-plugin-card{
		transition:none;
	}
}

/* PLUGIN DETAIL MODAL */
.cm-plugin-detail-trigger{
	font:inherit;
	cursor:pointer;
}

.cm-plugin-modal{
	width:min(760px,calc(100vw - 32px));
	max-width:none;
	margin:auto;
	padding:0;
	border:0;
	border-radius:28px;
	background:transparent;
	color:var(--cmpl-text);
	box-shadow:none;
	max-height:calc(100vh - 32px);
	overflow:auto;
}

.cm-plugin-modal::backdrop{
	background:rgba(8,24,34,.48);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}

.cm-plugin-modal__panel{
	position:relative;
	padding:34px;
	border:1px solid rgba(16,32,43,.09);
	border-radius:28px;
	background:
		linear-gradient(145deg,rgba(18,150,200,.04),transparent 36%),
		#fff;
	box-shadow:0 28px 80px rgba(10,30,43,.22);
}

.cm-plugin-modal__close{
	position:absolute;
	top:18px;
	right:18px;
	display:grid;
	width:42px;
	height:42px;
	place-items:center;
	padding:0;
	border:1px solid rgba(16,32,43,.09);
	border-radius:14px;
	background:#f7fafb;
	color:#53636e;
	cursor:pointer;
	transition:background .2s ease,color .2s ease,transform .2s ease;
}

.cm-plugin-modal__close:hover{
	background:#edf5f8;
	color:#10202b;
	transform:translateY(-1px);
}

.cm-plugin-modal__close svg{
	width:19px;
	height:19px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.9;
	stroke-linecap:round;
}

.cm-plugin-modal__head{
	display:flex;
	align-items:center;
	gap:18px;
	padding-right:54px;
}

.cm-plugin-modal__icon{
	display:grid;
	flex:0 0 66px;
	width:66px;
	height:66px;
	place-items:center;
	border-radius:19px;
	background:linear-gradient(145deg,#ecf9fe,#f5f3ff);
	color:var(--cmpl-primary-dark);
	overflow:hidden;
}

.cm-plugin-modal__icon img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.cm-plugin-modal__icon svg{
	width:31px;
	height:31px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.cm-plugin-modal__eyebrow{
	display:block;
	margin-bottom:5px;
	color:#0b789f;
	font-size:.68rem;
	font-weight:800;
	letter-spacing:.09em;
	text-transform:uppercase;
}

.cm-plugin-modal h2{
	margin:0;
	font-size:clamp(1.65rem,3vw,2.2rem);
	font-weight:780;
	letter-spacing:-.04em;
	line-height:1.08;
}

.cm-plugin-modal__description{
	margin:26px 0 0;
	color:var(--cmpl-muted);
	font-size:1rem;
	line-height:1.7;
}

.cm-plugin-modal__info{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	margin-top:28px;
}

.cm-plugin-modal__info>div{
	display:flex;
	flex-direction:column;
	gap:5px;
	padding:16px 18px;
	border:1px solid rgba(16,32,43,.08);
	border-radius:16px;
	background:#f8fafb;
}

.cm-plugin-modal__info span{
	color:#80909a;
	font-size:.66rem;
	font-weight:760;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.cm-plugin-modal__info strong{
	font-size:1rem;
}

.cm-plugin-modal__actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:10px;
	margin-top:28px;
	padding-top:24px;
	border-top:1px solid rgba(16,32,43,.08);
}

.cm-plugin-modal__actions [hidden]{
	display:none!important;
}

html.cm-plugin-modal-open{
	overflow:hidden;
}

@media(max-width:600px){
	.cm-plugin-modal__panel{padding:26px 22px 22px}
	.cm-plugin-modal__head{align-items:flex-start;gap:14px;padding-right:42px}
	.cm-plugin-modal__icon{flex-basis:56px;width:56px;height:56px;border-radius:16px}
	.cm-plugin-modal__info{grid-template-columns:1fr}
	.cm-plugin-modal__actions{justify-content:stretch}
	.cm-plugin-modal__actions .cm-plugins-button{flex:1 1 100%}
}

/* Button hover states */
.cm-plugins-page .cm-plugins-button--primary:hover,
.cm-plugins-page .cm-plugins-button--primary:focus,
.cm-plugins-page .cm-plugins-button--primary:focus-visible{
	background:linear-gradient(135deg,#0f86b4,#075f82);
	box-shadow:0 20px 38px rgba(18,150,200,.3);
	color:#fff!important;
}

.cm-plugins-page .cm-plugins-button--primary:hover svg,
.cm-plugins-page .cm-plugins-button--primary:focus svg,
.cm-plugins-page .cm-plugins-button--primary:focus-visible svg{
	stroke:#fff;
}

.cm-plugins-page .cm-plugins-button--secondary:hover,
.cm-plugins-page .cm-plugins-button--secondary:focus,
.cm-plugins-page .cm-plugins-button--secondary:focus-visible{
	border-color:rgba(18,150,200,.2);
	background:#f4fafc;
	color:var(--cmpl-text)!important;
}

.cm-plugin-modal__features{
	margin-top:24px;
	padding:20px 22px;
	border:1px solid rgba(16,32,43,.08);
	border-radius:18px;
	background:linear-gradient(145deg,rgba(18,150,200,.045),rgba(114,87,230,.025));
}

.cm-plugin-modal__features[hidden]{
	display:none!important;
}

.cm-plugin-modal__features h3{
	margin:0 0 12px;
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.075em;
	text-transform:uppercase;
	color:#5d707c;
}

.cm-plugin-modal__features ul{
	display:grid;
	gap:9px;
	margin:0;
	padding:0;
	list-style:none;
}

.cm-plugin-modal__features li{
	position:relative;
	margin:0;
	padding-left:20px;
	color:#455965;
	font-size:.9rem;
	line-height:1.55;
}

.cm-plugin-modal__features li::before{
	position:absolute;
	top:.62em;
	left:2px;
	width:7px;
	height:7px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--cmpl-primary),var(--cmpl-secondary));
	content:"";
}

/* Detail pluginu: hlavní funkce a screenshoty */
.cm-plugin-modal__screenshots{
  margin-top:24px;
}

.cm-plugin-modal__screenshots[hidden]{
  display:none;
}

.cm-plugin-modal__screenshots h3{
  margin:0 0 12px;
  color:#172a40;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.02em;
}

.cm-plugin-modal__screenshot-list{
  display:grid;
  gap:14px;
}

.cm-plugin-modal__screenshot-list img{
  display:block;
  width:100%;
  height:auto;
  border:1px solid rgba(23,42,64,.1);
  border-radius:18px;
  background:#f5f8fb;
  box-shadow:0 14px 34px rgba(23,42,64,.08);
}

@media (max-width:640px){
  .cm-plugin-modal__screenshots{margin-top:20px}
  .cm-plugin-modal__screenshot-list img{border-radius:14px}
}

/* SEO CONTENT */

.cm-plugins-seo{
	position:relative;
	background:
		radial-gradient(circle at 12% 18%,rgba(18,150,200,.08),transparent 26%),
		linear-gradient(180deg,#f8fbfd 0%,#fff 100%);
}

.cm-plugins-seo-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
}

.cm-plugins-seo-card{
	padding:28px;
	border:1px solid rgba(16,32,43,.08);
	border-radius:24px;
	background:rgba(255,255,255,.86);
	box-shadow:0 16px 42px rgba(15,39,54,.06);
}

.cm-plugins-seo-card>span{
	display:inline-flex;
	min-width:42px;
	height:32px;
	align-items:center;
	justify-content:center;
	margin-bottom:18px;
	border-radius:999px;
	background:linear-gradient(135deg,rgba(18,150,200,.11),rgba(114,87,230,.11));
	color:#237eaa;
	font-size:.75rem;
	font-weight:800;
	letter-spacing:.06em;
}

.cm-plugins-seo-card h3{
	margin:0;
	font-size:clamp(1.25rem,1.7vw,1.55rem);
	line-height:1.18;
	letter-spacing:-.025em;
}

.cm-plugins-seo-card p{
	margin:14px 0 0;
	color:var(--cmpl-muted);
	line-height:1.72;
}

/* FAQ */

.cm-plugins-faq{
	background:#fff;
}

.cm-plugins-faq-list{
	display:grid;
	gap:12px;
	max-width:980px;
}

.cm-plugins-faq-item{
	border:1px solid rgba(16,32,43,.09);
	border-radius:18px;
	background:#fff;
	box-shadow:0 10px 28px rgba(15,39,54,.045);
	overflow:hidden;
}

.cm-plugins-faq-item summary{
	position:relative;
	padding:20px 54px 20px 22px;
	color:var(--cmpl-text);
	font-size:1rem;
	font-weight:780;
	line-height:1.4;
	cursor:pointer;
	list-style:none;
}

.cm-plugins-faq-item summary::-webkit-details-marker{
	display:none;
}

.cm-plugins-faq-item summary::after{
	position:absolute;
	top:50%;
	right:20px;
	width:28px;
	height:28px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#f1f6f9;
	color:#56717f;
	font-size:1.1rem;
	font-weight:500;
	content:"+";
	transform:translateY(-50%);
}

.cm-plugins-faq-item[open] summary::after{
	content:"−";
}

.cm-plugins-faq-item p{
	margin:0;
	padding:0 22px 22px;
	color:var(--cmpl-muted);
	line-height:1.72;
}

.cm-plugin-card[id]{
	scroll-margin-top:110px;
}

#sprava-aktualizaci{
	scroll-margin-top:90px;
}

@media (max-width:900px){
	.cm-plugins-seo-grid{
		grid-template-columns:1fr;
	}
}