/* Hosting landing only. Extends .wplat from platforms.css — do not load on /platformes/. */
.wplat.whost{
	--wplat-ink:#0E1512;
	--wplat-muted:#3D4A45;
	--wplat-green:#12A06A;
	--wplat-green-dark:#0C6B48;
	--wplat-soft:#EEF3EF;
	--wplat-line:#D8E4DC;
	--whost-bg:#F6F5F1;
	--whost-btn:#0C6B48;
	--whost-btn-hover:#0A573B;
	max-width:1240px;
	padding:8px 20px 28px;
	color:var(--wplat-ink);
	background:var(--whost-bg);
	border-radius:0
}
.wplat.whost h1,.wplat.whost h2,.wplat.whost h3{color:var(--wplat-ink)}
.wplat.whost p{color:var(--wplat-muted)}
.wplat.whost a:focus-visible,
.wplat.whost button:focus-visible{
	outline:2px solid var(--wplat-green-dark);
	outline-offset:3px
}
.wplat.whost .wplat-btn{
	min-height:44px;
	min-width:44px;
	padding:12px 22px;
	border-radius:12px;
	font-size:1rem
}
.wplat.whost .wplat-btn-primary{
	background:var(--whost-btn);
	color:#fff!important;
	border:1px solid var(--whost-btn)
}
.wplat.whost .wplat-btn-primary:hover{
	background:var(--whost-btn-hover);
	border-color:var(--whost-btn-hover);
	color:#fff!important
}
.wplat.whost .wplat-btn-ghost{
	background:#fff;
	color:var(--wplat-ink)!important;
	border:1px solid var(--wplat-line)
}
.wplat.whost .wplat-btn-ghost:hover{
	border-color:var(--wplat-green);
	color:var(--wplat-green-dark)!important
}
.wplat.whost .wplat-kicker{
	background:#E4F4EC;
	color:var(--wplat-green-dark)
}

.whost-hero{
	display:grid;
	gap:36px;
	align-items:center;
	padding:20px 0 8px
}
.whost-hero-copy .wplat-lead{max-width:40rem}
.whost-support{
	margin:0 0 20px;
	font-weight:650;
	color:var(--wplat-ink)
}
.whost-trust{
	display:flex;
	flex-wrap:wrap;
	gap:10px 18px;
	margin:8px 0 18px;
	padding:0;
	list-style:none
}
.whost-trust li{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	padding:0;
	color:var(--wplat-ink);
	font-size:.95rem;
	font-weight:600
}
.whost-trust li:before{content:none}
.whost-b2b{
	margin:0;
	padding:12px 14px;
	border-left:3px solid var(--wplat-green);
	background:#fff;
	border-radius:0 12px 12px 0;
	font-size:.92rem;
	color:var(--wplat-muted)
}

.whost-dash{min-width:0}
.whost-dash-window{
	background:#fff;
	border:1px solid var(--wplat-line);
	border-radius:20px;
	box-shadow:0 14px 40px rgba(14,21,18,.06);
	overflow:hidden
}
.whost-dash-chrome{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 16px;
	background:#F3F6F4;
	border-bottom:1px solid var(--wplat-line);
	font-size:.78rem;
	font-weight:700;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--wplat-green-dark)
}
.whost-dash-dots{
	display:flex;
	gap:5px
}
.whost-dash-dots span{
	width:8px;
	height:8px;
	border-radius:50%;
	background:#C9D6CE
}
.whost-dash-dots span:first-child{background:#12A06A}
.whost-dash-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	padding:16px
}
.whost-dash-tile{
	padding:14px;
	border:1px solid var(--wplat-line);
	border-radius:14px;
	background:var(--whost-bg)
}
.whost-dash-tile small{
	display:block;
	margin-bottom:4px;
	font-size:.72rem;
	letter-spacing:.04em;
	text-transform:uppercase;
	color:var(--wplat-muted)
}
.whost-dash-tile strong{
	display:block;
	color:var(--wplat-ink);
	font-size:1.05rem
}
.whost-dash-meter{
	display:flex;
	align-items:center;
	gap:12px;
	padding:0 16px 16px;
	font-size:.85rem;
	font-weight:650;
	color:var(--wplat-ink)
}
.whost-dash-track{
	flex:1;
	height:8px;
	border-radius:999px;
	background:#E4EDE7;
	overflow:hidden
}
.whost-dash-track span{
	display:block;
	width:62%;
	height:100%;
	border-radius:999px;
	background:var(--wplat-green)
}

.whost-value{padding:8px 0}
.whost-value .wplat-lead{max-width:46rem}

.whost-packages{
	display:grid;
	gap:20px;
	margin:28px 0 8px;
	align-items:stretch
}
.whost-pack{
	position:relative;
	background:#fff;
	border:1px solid var(--wplat-line);
	border-radius:22px;
	padding:26px 24px 24px;
	box-shadow:0 10px 30px rgba(14,21,18,.05);
	display:flex;
	flex-direction:column;
	gap:8px
}
.whost-pack.wplat-card{padding:26px 24px 24px}
.whost-pack-featured{
	border-color:#9ED4B8;
	box-shadow:0 14px 36px rgba(18,160,106,.12);
	background:#FBFEFC
}
.whost-badge{
	display:inline-flex;
	align-self:flex-start;
	margin:0 0 6px;
	padding:6px 10px;
	border-radius:999px;
	background:#12A06A;
	color:#fff;
	font-size:.68rem;
	font-weight:800;
	letter-spacing:.05em;
	text-transform:uppercase
}
.whost-pack .wplat-tag{margin-bottom:2px}
.whost-pack h3{margin-bottom:2px;font-size:1.28rem}
.whost-tagline{
	margin:0 0 8px;
	color:var(--wplat-ink);
	font-weight:650
}
.whost-price-block{margin:4px 0 8px}
.whost-price{
	margin:0;
	color:var(--wplat-ink);
	font-size:1.55rem;
	font-weight:800;
	line-height:1.2
}
.whost-vat{
	font-size:1rem;
	font-weight:650;
	color:var(--wplat-muted)
}
.whost-equiv,.whost-save{
	margin:6px 0 0;
	font-size:.92rem
}
.whost-save{color:var(--wplat-green-dark);font-weight:700}
.whost-checks{
	margin:8px 0 16px;
	padding:0;
	list-style:none
}
.whost-checks li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:7px 0;
	margin:0;
	color:var(--wplat-ink);
	line-height:1.45
}
.whost-pack .whost-checks li:before{content:none;display:none}
.whost-check{
	flex:0 0 18px;
	margin-top:2px;
	color:var(--wplat-green)
}
.whost-pack-actions{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin-top:auto
}
.whost-pack-actions .wplat-btn{width:100%;align-self:stretch}

.whost-feat-grid{
	display:grid;
	gap:18px;
	margin:24px 0 8px
}
.whost-feat{
	background:#fff;
	border:1px solid var(--wplat-line);
	border-radius:20px;
	padding:22px;
	box-shadow:0 8px 24px rgba(14,21,18,.04)
}
.whost-feat-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	margin-bottom:12px;
	border-radius:12px;
	background:#E4F4EC;
	color:var(--wplat-green-dark)
}
.whost-feat h3{margin-bottom:8px}
.whost-feat p{margin:0}

.whost-steps{
	display:grid;
	gap:16px;
	margin:24px 0 8px
}
.whost-step{
	background:#fff;
	border:1px solid var(--wplat-line);
	border-radius:18px;
	padding:20px
}
.whost-step-num{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:44px;
	min-height:44px;
	margin-bottom:10px;
	border-radius:999px;
	background:#E4F4EC;
	color:var(--wplat-green-dark);
	font-weight:800
}
.whost-step h3{margin-bottom:6px}
.whost-step p{margin:0}

.whost-matrix{
	width:100%;
	margin:22px 0;
	border-collapse:separate;
	border-spacing:0;
	border:1px solid var(--wplat-line);
	border-radius:20px;
	overflow:hidden;
	background:#fff
}
.whost-matrix caption.screen-reader-text{
	position:absolute;
	width:1px;height:1px;
	padding:0;margin:-1px;
	overflow:hidden;clip:rect(0,0,0,0);
	white-space:nowrap;border:0
}
.whost-matrix th,.whost-matrix td{
	padding:14px 18px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid var(--wplat-line)
}
.whost-matrix thead th{
	border-top:0;
	background:#EEF3EF;
	font-size:.78rem;
	letter-spacing:.04em;
	text-transform:uppercase;
	font-weight:800;
	color:var(--wplat-green-dark)
}
.whost-matrix tbody th{
	font-weight:700;
	color:var(--wplat-ink);
	width:42%
}
.whost-matrix td{color:var(--wplat-muted)}
.whost-close{
	margin:18px 0 0;
	max-width:46rem;
	color:var(--wplat-ink)
}

.wplat.whost .whost-faq{
	margin:20px 0 8px;
	background:#fff;
	border:1px solid var(--wplat-line);
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 10px 28px rgba(14,21,18,.04)
}
.wplat.whost details.whost-faq-item{
	margin:0;
	padding:0;
	background:#fff;
	border:0;
	border-bottom:1px solid var(--wplat-line);
	border-radius:0
}
.wplat.whost details.whost-faq-item:last-child{border-bottom:0}
.wplat.whost details.whost-faq-item>summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	width:100%;
	min-height:56px;
	padding:16px 20px;
	list-style:none;
	cursor:pointer;
	color:var(--wplat-ink);
	font-size:1.02rem;
	font-weight:700;
	line-height:1.35;
	background:#fff
}
.wplat.whost details.whost-faq-item>summary::-webkit-details-marker{display:none}
.wplat.whost details.whost-faq-item>summary::marker{content:"";font-size:0}
.wplat.whost details.whost-faq-item>summary:hover,
.wplat.whost details.whost-faq-item[open]>summary{
	background:#F3F7F4
}
.wplat.whost .whost-faq-icon{
	flex:0 0 22px;
	position:relative;
	width:22px;
	height:22px;
	border:1px solid var(--wplat-line);
	border-radius:999px;
	background:#fff
}
.wplat.whost .whost-faq-icon:before,
.wplat.whost .whost-faq-icon:after{
	content:"";
	position:absolute;
	background:var(--wplat-green-dark);
	border-radius:1px
}
.wplat.whost .whost-faq-icon:before{
	left:6px;right:6px;top:10px;height:2px
}
.wplat.whost .whost-faq-icon:after{
	top:6px;bottom:6px;left:10px;width:2px
}
.wplat.whost details.whost-faq-item[open] .whost-faq-icon:after{display:none}
.wplat.whost details.whost-faq-item>p{
	margin:0;
	padding:0 20px 18px;
	color:var(--wplat-muted);
	line-height:1.7;
	background:#F3F7F4
}

.wplat.whost .whost-final{
	margin:36px 0 0;
	padding:32px 28px;
	border-radius:24px;
	background:#fff;
	border:1px solid var(--wplat-line);
	box-shadow:0 14px 40px rgba(14,21,18,.06);
	color:var(--wplat-ink);
	display:grid;
	gap:20px
}
.wplat.whost .whost-final-copy h2{
	color:var(--wplat-ink);
	margin:0 0 10px
}
.wplat.whost .whost-final-copy p{
	color:var(--wplat-muted);
	margin:0
}
.wplat.whost .whost-final .wplat-actions{
	margin:0;
	align-self:center
}
.wplat.whost .whost-final-line{
	margin:14px 0 0;
	font-weight:700;
	color:var(--wplat-ink)
}

@media (min-width:768px){
	.whost-packages{grid-template-columns:1fr 1fr}
	.whost-feat-grid{grid-template-columns:1fr 1fr}
	.whost-steps{grid-template-columns:1fr 1fr}
	.wplat.whost .whost-final{
		grid-template-columns:1.35fr .8fr;
		align-items:center;
		padding:40px 36px
	}
	.wplat.whost .whost-final .wplat-actions{
		flex-direction:column;
		align-items:stretch;
		width:100%
	}
	.wplat.whost .whost-final a.wplat-btn{width:100%}
}
@media (min-width:960px){
	.whost-hero{grid-template-columns:1.12fr .88fr;padding:28px 0 12px}
	.whost-packages{grid-template-columns:repeat(3,minmax(0,1fr))}
	.whost-feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.whost-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:767px){
	.wplat.whost{padding:8px 16px 56px}
	.whost-matrix,.whost-matrix thead,.whost-matrix tbody,.whost-matrix tr,.whost-matrix th,.whost-matrix td{display:block;width:100%}
	.whost-matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
	.whost-matrix tbody th{width:auto;padding-bottom:4px;border-top:1px solid var(--wplat-line)}
	.whost-matrix tbody td{padding-top:0;border-top:0}
	.whost-matrix tbody tr:first-child th{border-top:0}
	.wplat.whost .whost-final{padding:28px 18px}
	.whost-price{font-size:1.35rem}
}
@media (prefers-reduced-motion:reduce){
	.wplat.whost *{
		animation:none!important;
		transition:none!important;
		scroll-behavior:auto!important
	}
}