:root{
	--red:#e30613;
	--dark:#050505;
	--green:#008b4a;
	--text:#111;
	--muted:#666;
	--line:#d7d7d7;
	--paper:#fff;
}

*{
	box-sizing:border-box;
}

@page{
	size:A4 landscape;
	margin:0;
}

html,
body{
	margin:0;
	padding:0;
	background:#ddd;
	font-family:Arial, Helvetica, sans-serif;
	color:var(--text);
}

.page{
	width:297mm;
	min-height:210mm;
	margin:0 auto;
	background:var(--paper);
	padding:8mm 9mm 0;
	position:relative;
	overflow:hidden;
}

.hero{
	display:grid;
	grid-template-columns:39% 61%;
	min-height:61mm;
	gap:5mm;
}

.hero-left{
	position:relative;
	padding-top:1mm;
}

.logo{
	width:54mm;
	height:auto;
	display:block;
	margin-bottom:5mm;
}

h1{
	font-size:13.8mm;
	line-height:.96;
	margin:0;
	letter-spacing:.2mm;
	font-weight:900;
}

h1 span{
	color:var(--red);
}

.lead{
	font-size:4.2mm;
	line-height:1.25;
	margin:4mm 0 5mm;
}

.benefits-mini{
	display:flex;
	gap:10mm;
}

.benefits-mini div{
	text-align:center;
	font-size:3.1mm;
	line-height:1.1;
	width:24mm;
}

.benefits-mini img{
	width:15mm;
	height:15mm;
	padding:3mm;
	border:0.45mm solid var(--red);
	border-radius:50%;
	object-fit:contain;
}

.benefits-mini strong,
.benefits-mini small{
	display:block;
}

.hero-right{
	position:relative;
	background:#111;
	clip-path:polygon(13% 0, 100% 0, 100% 100%, 0 100%);
	overflow:hidden;
	min-height:61mm;
}

.hero-right::before{
	content:"";
	position:absolute;
	left:12.3%;
	top:-10mm;
	bottom:-10mm;
	width:2.8mm;
	background:var(--red);
	z-index:2;
	transform:rotate(17deg);
	transform-origin:top center;
}

.hero-right img{
	width:100%;
	height:61mm;
	object-fit:cover;
	display:block;
}

.hero-caption{
	position:absolute;
	left:18mm;
	bottom:0;
	width:68%;
	background:rgba(0,0,0,.86);
	color:white;
	font-size:3.1mm;
	line-height:1.25;
	padding:4mm 5mm 4mm 6mm;
	border-left:1mm solid var(--red);
}

.section-title{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:center;
	gap:6mm;
	margin:5mm 0 4mm;
}

.section-title span{
	height:.5mm;
	background:var(--red);
}

.section-title h2{
	font-size:7mm;
	margin:0;
	font-weight:900;
}

.models{
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:0;
	border-bottom:.35mm solid var(--line);
}

.model-card{
	padding:0 4mm 3mm;
	border-right:.35mm solid var(--line);
	text-align:center;
	min-height:50mm;
}

.model-card:last-child{
	border-right:0;
}

.model-card h3{
	font-size:3.7mm;
	line-height:1.05;
	margin:0;
	font-weight:900;
}

.model-card h3 span{
	color:var(--red);
}

.subtitle{
	font-size:2.7mm;
	margin:0 0 2.5mm;
	font-weight:bold;
}

.model-card img{
	width:100%;
	height:24mm;
	object-fit:contain;
	margin-bottom:2mm;
}

.model-card p:last-child{
	font-size:2.8mm;
	line-height:1.25;
	margin:0;
}

.options{
	display:grid;
	grid-template-columns:34% 66%;
	gap:6mm;
	margin:4mm 0;
}

.options article{
	border:.35mm solid #b9d1c2;
	padding:3mm 4mm;
	min-height:33mm;
}

.options h3{
	text-align:center;
	font-size:4mm;
	line-height:1;
	margin:0 0 2mm;
	color:var(--green);
	font-weight:900;
}

.option-grid{
	display:grid;
	grid-template-columns:17mm 1fr 26mm;
	gap:3mm;
	align-items:center;
}

.option-grid img{
	width:16mm;
	height:16mm;
	object-fit:contain;
}

.option-grid strong{
	font-size:3.7mm;
}

.option-grid p{
	font-size:2.8mm;
	margin:1mm 0 0;
	line-height:1.25;
}

.option-serigrafia{
	grid-template-columns:32mm 1fr 27mm;
}

.option-serigrafia > img{
	width:31mm;
	height:25mm;
	object-fit:contain;
}

.price-box{
	background:var(--green);
	color:white;
	font-size:4mm;
	font-weight:900;
	text-align:center;
	padding:2mm;
	border-radius:1mm;
}

.mini-table{
	border-collapse:collapse;
	font-size:2.8mm;
	margin-top:1.5mm;
	width:58mm;
}

.mini-table th{
	background:var(--green);
	color:white;
}

.mini-table th,
.mini-table td{
	border:.25mm solid var(--line);
	padding:.7mm 1.5mm;
	text-align:center;
}

.tariff-block h2,
.info-footer h2{
	font-size:4.5mm;
	margin:0 0 2mm;
	color:var(--red);
	font-weight:900;
}

.tariff-table{
	width:100%;
	border-collapse:collapse;
	font-size:3.05mm;
}

.tariff-table th{
	background:var(--dark);
	color:white;
	font-size:3mm;
	padding:1.4mm 1.5mm;
}

.tariff-table td{
	border:.25mm solid var(--line);
	padding:1.25mm 1.5mm;
	text-align:center;
}

.tariff-table td:first-child,
.tariff-table th:first-child{
	text-align:left;
	width:42%;
}

.tariff-table tbody tr:nth-child(even){
	background:#f7f7f7;
}

.info-footer{
	margin-top:3mm;
}

.info-footer ul{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:1mm 10mm;
	margin:0 0 3mm;
	padding-left:6mm;
	font-size:3mm;
	line-height:1.25;
}

.info-footer li::marker{
	color:var(--red);
}

footer{
	margin-left:-9mm;
	margin-right:-9mm;
	height:13mm;
	background:#060b0e;
	color:white;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:18mm;
	font-size:3.6mm;
}

@media screen and (max-width:900px){
	.page{
		width:100%;
		min-height:auto;
		padding:20px;
	}

	.hero,
	.options{
		grid-template-columns:1fr;
	}

	.hero-right{
		clip-path:none;
	}

	.models{
		grid-template-columns:1fr;
	}

	.model-card{
		border-right:0;
		border-bottom:1px solid var(--line);
	}

	.tariff-table{
		font-size:12px;
	}

	.info-footer ul{
		grid-template-columns:1fr;
	}
}