@charset "utf-8";
/* 메인 index 전용: theme/syou/index.php 의 .main-index-page 래퍼 하위만 */

.main-index-page{
	--mh-ink:#3a3a3a;
	--mh-muted:#5a5a5a;
	--mh-border:#e6e6e6;
	--mh-radius:14px;
	--mh-orange:#f05a21;
	--mh-shadow:0 4px 16px rgba(15,23,42,0.055);
	--mh-shadow-hover:0 14px 32px rgba(15,23,42,0.1);
}

.main-index-page .mh-ico{
	display:block;
	width:20px;
	height:20px;
	color:#555;
	flex-shrink:0;
}
.main-index-page .mh-ico path,
.main-index-page .mh-ico line,
.main-index-page .mh-ico circle,
.main-index-page .mh-ico rect,
.main-index-page .mh-ico polyline{
	fill:none;
	stroke:currentColor;
	stroke-width:1.65;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.main-index-page .mhi-ico-wrap{display:flex;line-height:0;margin-top:1px;}

/* ----- 공통 섹션 타이포 (기준: portfolio list.skin.php .page-design-hero 위계를 메인에서 한 단계 축소)
   라벨 / 큰 제목 / 리드 / 본문 — 인트로·운영 헤드·포트폴리오 헤드 공통
----- */
.main-index-page .mi-section-head{
	max-width:36em;
	margin:0 0 30px 0;
	margin-left:0;
	margin-right:auto;
	text-align:left;
	box-sizing:border-box;
}
.main-index-page .mi-section-head .mi-label{
	color:#ff6a00;
	font-size:30px;
	line-height:1.1;
	font-weight:700;
	letter-spacing:0.08em;
	text-transform:uppercase;
	margin:0 0 12px 0;
}
.main-index-page .mi-section-head .mi-title{
	font-size:52px;
	line-height:1.2;
	font-weight:800;
	color:#111;
	letter-spacing:-0.6px;
	margin:0 0 20px 0;
	max-width:min(32rem,100%);
	word-break:keep-all;
}
.main-index-page .mi-section-head .mi-lead{
	font-size:19px;
	line-height:1.55;
	font-weight:700;
	color:#111;
	margin:0 0 10px 0;
	max-width:34em;
}
.main-index-page .mi-section-head .mi-body{
	font-size:16px;
	line-height:1.75;
	font-weight:500;
	color:#5c5c5c;
	margin:0;
	max-width:36em;
}
.main-index-page .mi-section-head .mi-body--tight{
	font-size:15px;
	line-height:1.55;
	max-width:32em;
	margin-top:4px;
}
.main-index-page .mi-section-head--center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	max-width:40em;
}
.main-index-page .mi-section-head--center .mi-title{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
.main-index-page .mi-section-head--center .mi-lead,
.main-index-page .mi-section-head--center .mi-body{
	margin-left:auto;
	margin-right:auto;
}
@media all and (max-width:1000px){
	.main-index-page .mi-section-head .mi-label{font-size:28px;margin-bottom:10px;}
	.main-index-page .mi-section-head .mi-title{font-size:48px;margin-bottom:16px;letter-spacing:-0.5px;}
	.main-index-page .mi-section-head .mi-lead{font-size:18px;line-height:1.52;margin-bottom:8px;}
	.main-index-page .mi-section-head .mi-body{font-size:15px;line-height:1.72;}
}
@media all and (max-width:640px){
	.main-index-page .mi-section-head{max-width:100%;margin-bottom:24px;}
	.main-index-page .mi-section-head .mi-label{font-size:23px;letter-spacing:0.06em;margin-bottom:8px;}
	.main-index-page .mi-section-head .mi-title{font-size:32px;line-height:1.22;margin-bottom:14px;max-width:100%;}
	.main-index-page .mi-section-head .mi-lead{font-size:16.5px;line-height:1.5;margin-bottom:6px;}
	.main-index-page .mi-section-head .mi-body{font-size:14.5px;line-height:1.72;}
	.main-index-page .mi-section-head--center .mi-title{max-width:100%;}
}

/* ----- 소개: 헤드 + 카드 ----- */
.main-index-page .main-home-seo{overflow-x:hidden;box-sizing:border-box;background:#fff;}
.main-index-page .main-home-seo .mhi-inner{max-width:1200px;margin:0 auto;padding:52px clamp(16px,4vw,40px) 56px;box-sizing:border-box;width:100%;}
.main-index-page .main-home-seo .mhi-head{margin-bottom:28px;}
/* 히어로 직후 소개: 상단 GNB와 겹치지 않도록 문구는 유지, 타입만 강화 */
.main-index-page .main-home-seo .mhi-head.mi-section-head{
	max-width:100%;
}
.main-index-page .main-home-seo .mhi-head .mi-label{
	font-size:34px;
	letter-spacing:0.06em;
	margin-bottom:14px;
}
.main-index-page .main-home-seo .mhi-head .mi-title{
	font-size:58px;
	line-height:1.18;
	margin-bottom:22px;
}
.main-index-page .main-home-seo .mhi-head .mi-lead{
	font-size:22px;
	line-height:1.55;
	font-weight:700;
	color:#1a1a1a;
	margin-bottom:14px;
	max-width:none;
}
.main-index-page .main-home-seo .mhi-head .mi-body,
.main-index-page .main-home-seo .mhi-head .mi-body--tight{
	font-size:20px;
	line-height:1.62;
	font-weight:600;
	color:#333;
	max-width:36em;
	margin-top:0;
}
.main-index-page .main-home-seo .mhi-head .mi-body--tight{
	margin-top:10px;
}
@media all and (max-width:1000px){
	.main-index-page .main-home-seo .mhi-head .mi-label{font-size:30px;}
	.main-index-page .main-home-seo .mhi-head .mi-title{font-size:48px;margin-bottom:18px;}
	.main-index-page .main-home-seo .mhi-head .mi-lead{font-size:20px;}
	.main-index-page .main-home-seo .mhi-head .mi-body,
	.main-index-page .main-home-seo .mhi-head .mi-body--tight{font-size:18px;}
}
@media all and (max-width:640px){
	.main-index-page .main-home-seo .mhi-head .mi-label{font-size:24px;margin-bottom:10px;}
	.main-index-page .main-home-seo .mhi-head .mi-title{font-size:34px;margin-bottom:14px;}
	.main-index-page .main-home-seo .mhi-head .mi-lead{font-size:17.5px;margin-bottom:10px;}
	.main-index-page .main-home-seo .mhi-head .mi-body,
	.main-index-page .main-home-seo .mhi-head .mi-body--tight{font-size:16px;line-height:1.58;}
}
@media all and (max-width:640px){
	.main-index-page .main-home-seo .mhi-card-body{max-width:100%;}
}
.main-index-page .main-home-seo .mhi-card-grid{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;width:100%;box-sizing:border-box;
}
.main-index-page .main-home-seo .mhi-card-grid--services{
	grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;
}
@media all and (max-width:1100px){
	.main-index-page .main-home-seo .mhi-card-grid--services{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.main-index-page .main-home-seo .mhi-card-cell{min-width:0;display:flex;}
.main-index-page .main-home-seo .mhi-card{
	flex:1 1 auto;display:flex;flex-direction:column;width:100%;min-height:0;
	box-sizing:border-box;padding:22px 24px 24px;
	background:#fff;border:1px solid var(--mh-border);border-radius:var(--mh-radius);
	box-shadow:var(--mh-shadow);
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.main-index-page .main-home-seo .mhi-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--mh-shadow-hover);
	border-color:#d8d8d8;
}
.main-index-page .main-home-seo .mhi-card:hover .mh-ico{color:var(--mh-orange);}
.main-index-page .main-home-seo .mhi-card--featured{
	border-left:3px solid var(--mh-orange);
	background:#fffdf9;
}
.main-index-page .main-home-seo .mhi-card .mhi-ico-wrap{display:flex;line-height:0;}
.main-index-page .main-home-seo .mhi-card-top{
	display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;
}
.main-index-page .main-home-seo .mhi-card-titles{min-width:0;padding-top:1px;}
.main-index-page .main-home-seo .mhi-kicker{
	font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
	color:#888;margin:0 0 6px 0;
}
.main-index-page .main-home-seo .mhi-card h3{
	font-size:16px;
	line-height:1.4;
	font-weight:600;
	color:#111;
	margin:0;
	letter-spacing:-0.02em;
}
.main-index-page .main-home-seo .mhi-card-body{
	flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-height:0;
	max-width:100%;
}
.main-index-page .main-home-seo .mhi-card-body p{
	font-size:13.5px;
	line-height:1.62;
	font-weight:500;
	color:#6a6a6a;
	margin:0;
}
@media all and (max-width:640px){
	.main-index-page .main-home-seo .mhi-card h3{font-size:15.5px;}
	.main-index-page .main-home-seo .mhi-card-body p{font-size:13px;line-height:1.6;}
}
.main-index-page .main-home-seo .mhi-card-body a{
	color:var(--mh-orange);text-decoration:underline;text-underline-offset:2px;font-weight:600;
}
@media all and (max-width:1000px){
	.main-index-page .main-home-seo .mhi-inner{padding-top:48px;padding-bottom:52px;}
}
@media all and (max-width:640px){
	.main-index-page .main-home-seo .mhi-card-grid{grid-template-columns:1fr;}
	.main-index-page .main-home-seo .mhi-card-grid--services{grid-template-columns:1fr;}
}

/* ----- 올메뉴: PNG 대신 라인 아이콘(메인만) ----- */
.main-index-page .allmenu .anchor::before{display:none !important;}
.main-index-page .allmenu .anchor{
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
	padding:8px 4px;
}
.main-index-page .allmenu .mh-ico{width:20px;height:20px;}
.main-index-page .allmenu .anchor span.mhi-svc-ko,
.main-index-page .allmenu .anchor > span:not(.mh-ico){
	display:block;margin-top:0;color:#555;font-size:15px;font-weight:700;line-height:1.35;
}
.main-index-page .allmenu .anchor:hover .mh-ico{color:var(--mh-orange);}
.main-index-page .allmenu .anchor:hover > span{color:#333;}

/* ----- 실시간 운영 (섹션 헤드 = .mi-section-head, KPI·피드 타이포 위계) ----- */
.main-index-page .main-home-ops.ops-live{
	padding:88px 0 100px;
}
.main-index-page .main-home-ops .ops-head{
	margin-bottom:32px;
}
.main-index-page .main-home-ops .ops-head.mi-section-head{
	max-width:100%;
}
.main-index-page .main-home-ops .ops-head .mi-lead{
	max-width:none;
}
.main-index-page .main-home-ops .ops-head .ops-lead-nobr{
	white-space:nowrap;
}
.main-index-page .main-home-ops .ops-kpis{gap:16px;margin-top:0;}
.main-index-page .main-home-ops .ops-kpis .item{
	display:flex;flex-direction:row;align-items:flex-start;gap:16px;
	padding:24px 24px 22px;border-radius:var(--mh-radius);
	border:1px solid var(--mh-border);
	border-top:2px solid rgba(240,90,33,0.35);
	background:#fff;
	box-shadow:var(--mh-shadow);
	transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.main-index-page .main-home-ops .ops-kpis .item:hover{
	transform:translateY(-4px);
	box-shadow:var(--mh-shadow-hover);
	border-color:#dcdcdc;
	border-top-color:rgba(240,90,33,0.55);
}
.main-index-page .main-home-ops .ops-kpis .item:hover .mh-ico{color:var(--mh-orange);}
.main-index-page .main-home-ops .ops-kpi-body{flex:1;min-width:0;}
.main-index-page .main-home-ops .ops-kpis .dt{
	display:block;
	font-size:13px;
	line-height:1.35;
	font-weight:600;
	color:#374151;
	margin:0 0 8px 0;
	letter-spacing:0.02em;
}
.main-index-page .main-home-ops .ops-kpis .dd{
	margin-top:0;
	font-size:30px;
	line-height:1.12;
	font-weight:700;
	letter-spacing:-0.02em;
	color:#111827;
}
.main-index-page .main-home-ops .ops-kpis .point .dd,
.main-index-page .main-home-ops .ops-kpis .point .dd .ops-count{color:var(--mh-orange);}
.main-index-page .main-home-ops .ops-kpis .dd.small{
	font-size:28px;
	font-weight:700;
	color:#111;
	letter-spacing:0;
	line-height:1.15;
}
.main-index-page .main-home-ops .ops-kpi-note{
	display:block;margin-top:8px;
	font-size:12.5px;
	line-height:1.55;
	font-weight:500;
	color:#777;
}
.main-index-page .main-home-ops .ops-kpis .ops-link{
	margin-top:12px;
	font-size:12.5px;
	font-weight:700;
}
.main-index-page .main-home-ops .ops-grid{gap:18px;margin-top:4px;}
.main-index-page .main-home-ops .ops-col{
	padding:22px 22px 20px;
	border-radius:var(--mh-radius);
	border:1px solid var(--mh-border);
	border-top:2px solid rgba(240,90,33,0.22);
	background:#fff;
	box-shadow:var(--mh-shadow);
	transition:transform .22s ease, box-shadow .22s ease;
}
.main-index-page .main-home-ops .ops-col:hover{
	transform:translateY(-3px);
	box-shadow:var(--mh-shadow-hover);
}
.main-index-page .main-home-ops .feed-title{
	display:flex;align-items:center;gap:8px;
	font-size:15px;
	line-height:1.35;
	font-weight:600;
	color:#111;
	margin:0 0 12px 0;
	letter-spacing:-0.02em;
}
.main-index-page .main-home-ops .feed-title .mh-ico{width:18px;height:18px;color:#666;flex-shrink:0;}
.main-index-page .main-home-ops .feed-title > span{flex:1;min-width:0;}
.main-index-page .main-home-ops .ops-col:hover .feed-title .mh-ico{color:var(--mh-orange);}
.main-index-page .main-home-ops .feed-item{
	font-size:13px;
	line-height:1.55;
	font-weight:500;
	color:#555;
	gap:10px;
}
.main-index-page .main-home-ops .feed-item .biz{
	font-weight:600;
	color:#333;
	margin-left:0;
	max-width:62%;
}
.main-index-page .main-home-ops .feed-item .date{font-size:12px;color:#888;font-weight:500;margin-left:auto;}
.main-index-page .main-home-ops .ops-kpis .item .mhi-ico-wrap .mh-ico{width:18px;height:18px;}
@media all and (max-width:1000px){
	.main-index-page .main-home-ops .ops-kpis .dd{font-size:28px;}
	.main-index-page .main-home-ops .ops-kpis .dd.small{font-size:26px;}
}
@media all and (max-width:640px){
	.main-index-page .main-home-ops.ops-live{padding:64px 0;}
	.main-index-page .main-home-ops .ops-kpis .item{
		flex-direction:column;gap:10px;align-items:center;text-align:center;
	}
	.main-index-page .main-home-ops .ops-kpi-body{text-align:center;}
	.main-index-page .main-home-ops .ops-kpis .dd{font-size:28px;}
	.main-index-page .main-home-ops .ops-kpis .dd.small{font-size:22px;}
	.main-index-page .main-home-ops .feed-title{font-size:14.5px;}
	.main-index-page .main-home-ops .feed-item{font-size:12.5px;flex-wrap:wrap;}
	.main-index-page .main-home-ops .feed-item .biz{max-width:100%;}
	.main-index-page .main-home-ops .feed-item .date{margin-left:0;width:100%;}
}

/* ----- 포트폴리오 블록 (헤드 = .mi-section-head--center) ----- */
.main-index-page #row2 .main-portfolio-head{
	margin-bottom:28px;
	padding:0 clamp(16px,4vw,40px);
	box-sizing:border-box;
}
.main-index-page #row2 .main-portfolio-head .mi-label{
	font-size:34px;
	margin-bottom:14px;
}
.main-index-page #row2 .main-portfolio-head .mi-title{
	font-size:56px;
	line-height:1.18;
	margin-bottom:20px;
}
.main-index-page #row2 .main-portfolio-head .mi-lead{
	font-size:22px;
	line-height:1.52;
	font-weight:700;
	color:#1a1a1a;
	max-width:22em;
	margin-bottom:12px;
	text-wrap:balance;
}
.main-index-page #row2 .main-portfolio-head .mi-body--tight{
	font-size:18px;
	line-height:1.65;
	font-weight:600;
	color:#444;
	margin-top:10px;
	max-width:32em;
}
@media all and (max-width:1000px){
	.main-index-page #row2 .main-portfolio-head .mi-label{font-size:30px;}
	.main-index-page #row2 .main-portfolio-head .mi-title{font-size:46px;}
	.main-index-page #row2 .main-portfolio-head .mi-lead{font-size:19px;}
	.main-index-page #row2 .main-portfolio-head .mi-body--tight{font-size:16.5px;}
}
@media all and (max-width:640px){
	.main-index-page #row2 .main-portfolio-head .mi-label{font-size:24px;}
	.main-index-page #row2 .main-portfolio-head .mi-title{font-size:32px;}
	.main-index-page #row2 .main-portfolio-head .mi-lead{font-size:17px;}
	.main-index-page #row2 .main-portfolio-head .mi-body--tight{font-size:15px;color:#3d3d3d;}
}
.main-index-page #row2 .latest .wrap{position:relative;}
.main-index-page #row2 .latest .ul{margin-top:40px;}
.main-index-page #row2 .latest .inner{overflow:hidden;border-radius:12px;}
.main-index-page #row2 .latest .anchor .image{
	overflow:hidden;display:block;
}
.main-index-page #row2 .latest .anchor .image img{
	display:block;width:100%;height:auto;vertical-align:top;
	transition:transform .45s ease;
}
.main-index-page #row2 .latest .inner:hover .image img{transform:scale(1.04);}
.main-index-page #row2 .latest .hover{
	background:rgba(15,15,15,.5);
	transition:opacity .3s ease, visibility .3s ease, background .3s ease;
}
.main-index-page #row2 .latest .anchor:hover .hover{
	background:rgba(12,12,12,.62);
}
.main-index-page #row2 .latest .pf-view{
	display:block;font-size:10px;font-weight:800;letter-spacing:.22em;color:#fff;
	margin-bottom:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.5);border-radius:999px;
}
.main-index-page #row2 .latest .pf-view-sub{
	display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.88);
	margin-bottom:10px;letter-spacing:-0.02em;
}
.main-index-page #row2 .latest .more .anchor{border-radius:var(--mh-radius);}

/* ----- 히어로: 차분한 모션 ----- */
@keyframes mhHeroFloat{
	0%,100%{transform:translate3d(0,0,0);}
	50%{transform:translate3d(0,-7px,0);}
}
@keyframes mhHeroFadeUp{
	from{opacity:0;transform:translate3d(0,14px,0);}
	to{opacity:1;transform:translate3d(0,0,0);}
}
@keyframes mhBgDrift{
	0%{background-position:50% 51%;}
	100%{background-position:49% 49%;}
}
@media (prefers-reduced-motion: reduce){
	.main-index-page #row1 .mh-hero-eng-float,
	.main-index-page #row1 .visual .swiper-slide.black,
	.main-index-page .mh-hero-reveal{animation:none !important;opacity:1 !important;transform:none !important;}
}
.main-index-page #row1 .visual .swiper-slide.black{
	animation:mhBgDrift 22s ease-in-out infinite alternate;
}
.main-index-page #row1 .mh-hero-eng-float{
	animation:mhHeroFloat 7s ease-in-out infinite;
}
.main-index-page #row1 .mh-hero-reveal{
	opacity:0;
	animation:mhHeroFadeUp .75s cubic-bezier(.22,1,.36,1) forwards;
}
.main-index-page #row1 .mh-hero-reveal--2{animation-delay:.1s;}
.main-index-page #row1 .mh-hero-reveal--3{animation-delay:.18s;}

/* ----- 소개: 서비스 카드 4열 ----- */
.main-index-page .main-home-seo .mhi-card--service{
	min-height:220px;
	padding:22px 20px 22px;
	transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, border-color .3s ease;
}
.main-index-page .main-home-seo .mhi-card--service:hover{
	transform:translateY(-5px);
	box-shadow:0 18px 40px rgba(15,23,42,.1);
	border-color:#cfcfcf;
}
.main-index-page .main-home-seo .mhi-card--service:hover .mh-ico{color:var(--mh-orange);}
.main-index-page .main-home-seo .mhi-card-svc-top{
	display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px;
}
.main-index-page .main-home-seo .mhi-ico-wrap--svc .mh-ico{width:26px;height:26px;}
.main-index-page .main-home-seo .mhi-svc-keyword{
	font-size:10px;font-weight:700;letter-spacing:.16em;color:#9ca3af;text-transform:uppercase;
}
.main-index-page .main-home-seo .mhi-svc-h{
	font-size:17px;line-height:1.35;font-weight:800;color:#111;margin:0;letter-spacing:-.03em;
}
.main-index-page .main-home-seo .mhi-svc-desc{
	margin:0;font-size:13.5px;line-height:1.58;font-weight:500;color:#5f6368;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.main-index-page .main-home-seo .mhi-card--invert{
	background:linear-gradient(155deg,#101010 0%,#1c1c1c 48%,#141414 100%);
	border-color:#2b2b2b;
	color:#f3f4f6;
	box-shadow:0 14px 40px rgba(0,0,0,.28);
}
.main-index-page .main-home-seo .mhi-card--invert .mhi-svc-keyword{color:rgba(255,255,255,.42);}
.main-index-page .main-home-seo .mhi-card--invert .mhi-svc-h{color:#fff;}
.main-index-page .main-home-seo .mhi-card--invert .mhi-svc-desc{color:rgba(255,255,255,.7);}
.main-index-page .main-home-seo .mhi-card--invert .mh-ico{color:rgba(255,255,255,.52);}
.main-index-page .main-home-seo .mhi-card--invert:hover{
	border-color:#3a3a3a;
	box-shadow:0 20px 48px rgba(0,0,0,.38);
}
.main-index-page .main-home-seo .mhi-card--invert:hover .mh-ico{color:#ff9a62;}

/* ----- 스크롤 등장 ----- */
.main-index-page .mh-reveal{
	opacity:0;
	transform:translate3d(0,20px,0);
	transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
	transition-delay:var(--mh-d,0s);
	will-change:opacity, transform;
}
.main-index-page .mh-reveal.mh-reveal--in{
	opacity:1;
	transform:translate3d(0,0,0);
}

/* ----- 운영: 리스트 행 ----- */
.main-index-page .main-home-ops .feed-item{
	transition:background-color .22s ease, box-shadow .22s ease;
	border-radius:10px;
	padding:6px 4px;margin-left:-4px;margin-right:-4px;
}
.main-index-page .main-home-ops .feed-item:not(.empty):hover{
	background:rgba(249,115,22,.06);
	box-shadow:0 0 0 1px rgba(240,90,33,.08);
}

/* ----- 하단 CTA ----- */
.main-index-page .main-home-cta{
	background:linear-gradient(180deg,#fafafa 0%,#f3f4f6 100%);
	border-top:1px solid var(--mh-border);
	padding:56px 0 64px;
}
.main-index-page .main-home-cta__inner{
	max-width:720px;margin:0 auto;text-align:center;
	padding:0 clamp(16px,4vw,40px);
}
.main-index-page .main-home-cta__title{
	font-size:clamp(22px,2.4vw,28px);
	font-weight:800;
	color:#111;
	margin:0 0 14px;
	line-height:1.35;
	letter-spacing:-.03em;
}
.main-index-page .main-home-cta__lead{
	margin:0 0 26px;
	font-size:15px;line-height:1.65;
	color:#4b5563;font-weight:500;
}
.main-index-page .main-home-cta__actions{
	display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;
}
.main-index-page .main-home-cta__btn{
	display:inline-flex;align-items:center;justify-content:center;
	min-height:48px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:800;
	text-decoration:none;transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.main-index-page .main-home-cta__btn--primary{
	background:var(--mh-orange);color:#fff;border:1px solid transparent;
	box-shadow:0 10px 22px rgba(240,90,33,.28);
}
.main-index-page .main-home-cta__btn--primary:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 28px rgba(240,90,33,.32);
}
.main-index-page .main-home-cta__btn--ghost{
	background:#fff;color:#111;border:1px solid #d4d4d4;
}
.main-index-page .main-home-cta__btn--ghost:hover{
	border-color:rgba(240,90,33,.55);color:var(--mh-orange);
	transform:translateY(-2px);
}