/*
Theme Name: Naintin Business
Description: Clean business landing page for GeneratePress.
Author: Naintin
Template: generatepress
Version: 1.0.0
*/

:root {
	--business-ink: #192b3a;
	--business-muted: #637181;
	--business-accent: #c17a43;
	--business-accent-dark: #a85f2c;
	--business-line: #e8e5e0;
	--business-soft: #f7f5f1;
	--business-wrap: 1120px;
}

body {
	background: #ffffff;
	color: var(--business-ink);
	font-family: "Segoe UI", Arial, sans-serif;
}

.grid-container {
	max-width: 100%;
}

a {
	color: var(--business-accent);
}

a:hover,
a:focus {
	color: var(--business-accent-dark);
}

.site-header {
	background: #fff;
}

.site-header .inside-header {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: var(--business-wrap);
	padding: 20px 32px;
}

.site-title a {
	color: var(--business-ink);
	font-size: 23px;
	font-weight: 700;
	letter-spacing: -0.04em;
}

.site-description {
	display: none;
}

.main-navigation {
	background: #fff;
}

.site-header .main-navigation .main-nav ul li a {
	color: var(--business-ink);
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
}

.site-header .main-navigation .main-nav ul li a:hover,
.site-header .main-navigation .main-nav ul li a:focus {
	color: var(--business-accent);
}

.site-header .main-navigation .main-nav ul li.menu-item-consultation > a {
	align-items: center;
	background: var(--business-accent);
	border: 0;
	border-radius: 6px;
	box-sizing: border-box;
	color: #fff;
	display: inline-flex;
	height: 44px;
	line-height: 1.2;
	margin: 18px 0;
	padding: 0 18px;
	transition: background-color 160ms ease;
}

.site-header .main-navigation .main-nav ul li.menu-item-consultation > a:hover,
.site-header .main-navigation .main-nav ul li.menu-item-consultation > a:focus {
	background: var(--business-accent-dark);
	color: #fff;
}

.home .site-content {
	display: block !important;
	margin-top: 0;
	max-width: none;
	padding: 0;
}

.home #primary {
	float: none;
	width: 100%;
}

.home .content-area {
	margin-bottom: 0;
}

.home .site-main,
.home .inside-article,
.home .entry-content {
	margin: 0;
	padding: 0;
}

.home #left-sidebar,
.home #right-sidebar {
	display: none;
}

.business-home,
.business-home * {
	box-sizing: border-box;
}

.business-home .wp-block-group__inner-container,
.business-contact-section .wp-block-group__inner-container {
	max-width: none;
	padding: 0;
	width: 100%;
}

.business-home {
	overflow: hidden;
	width: 100%;
}

.business-wrap {
	margin: 0 auto;
	max-width: var(--business-wrap);
	padding-left: 32px;
	padding-right: 32px;
}

.business-hero {
	background:
		radial-gradient(ellipse at 82% 18%, rgba(193, 122, 67, 0.1), transparent 34%),
		linear-gradient(180deg, #fbfaf8 0%, #ffffff 100%);
	padding: 112px 0 96px;
}

.business-hero-inner {
	align-items: center;
	display: grid;
	gap: 48px;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.business-hero-copy {
	max-width: 680px;
}

.business-hero-illustration {
	margin: 0;
}

.business-hero-illustration img {
	border-radius: 24px;
	display: block;
	height: auto;
	width: 100%;
}

.business-eyebrow {
	align-items: center;
	color: var(--business-accent);
	display: flex;
	font-size: 12px;
	font-weight: 700;
	gap: 9px;
	letter-spacing: 0.13em;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.business-eyebrow::before {
	background: var(--business-accent);
	border-radius: 50%;
	content: "";
	height: 7px;
	width: 7px;
}

.business-hero h1 {
	color: var(--business-ink);
	font-size: clamp(44px, 6vw, 72px);
	font-weight: 650;
	letter-spacing: -0.055em;
	line-height: 1.06;
	margin: 0;
	max-width: 680px;
}

.business-home .business-hero h1 mark {
	background: transparent !important;
	color: var(--business-accent) !important;
	padding: 0;
}

.business-lead {
	color: var(--business-muted);
	font-size: 18px;
	line-height: 1.75;
	margin: 25px 0 0;
	max-width: 660px;
}

.business-actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.business-home .business-button .wp-block-button__link {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	box-sizing: border-box;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
	width: auto;
}

.business-home .business-button--primary .wp-block-button__link {
	background: var(--business-accent) !important;
	color: #fff !important;
}

.business-home .business-button--primary .wp-block-button__link:hover,
.business-home .business-button--primary .wp-block-button__link:focus {
	background: var(--business-accent-dark) !important;
	color: #fff !important;
}

.business-home .business-button--secondary .wp-block-button__link {
	background: #fff !important;
	border-color: var(--business-line) !important;
	color: var(--business-ink) !important;
}

.business-home .business-button--secondary .wp-block-button__link:hover,
.business-home .business-button--secondary .wp-block-button__link:focus {
	border-color: var(--business-accent) !important;
	color: var(--business-accent) !important;
}

.business-note {
	color: var(--business-muted);
	font-size: 13px;
	margin: 18px 0 0;
}

.business-proof {
	border-bottom: 1px solid var(--business-line);
	border-top: 1px solid var(--business-line);
	padding: 24px 0;
}

.business-proof-inner > .wp-block-group__inner-container {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 18px 42px;
	justify-content: space-between;
}

.business-proof-label {
	color: var(--business-muted);
	font-size: 13px;
	margin: 0;
}

.business-proof-list {
	color: var(--business-ink);
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
	font-weight: 600;
	gap: 12px 26px;
	margin: 0;
}

.business-proof-list.is-layout-flex {
	gap: 12px 26px;
}

.business-proof-list p {
	margin: 0;
}

.business-section {
	padding: 96px 0;
}

.business-section--soft {
	background: var(--business-soft);
}

.business-section-heading {
	margin-bottom: 38px;
	max-width: 640px;
}

.business-section-heading h2,
.business-contact h2 {
	color: var(--business-ink);
	font-size: clamp(32px, 4vw, 45px);
	font-weight: 650;
	letter-spacing: -0.045em;
	line-height: 1.16;
	margin: 0;
}

.business-section-heading p,
.business-contact p {
	color: var(--business-muted);
	font-size: 16px;
	line-height: 1.75;
	margin: 15px 0 0;
}

.business-home .wp-block-columns.business-services {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.business-service {
	background: #ffffff;
	border: 1px solid var(--business-line);
	border-radius: 8px;
	box-shadow: 0 8px 26px rgba(25, 43, 58, 0.035);
	flex-basis: auto;
	margin: 0;
	padding: 30px;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.business-service:hover {
	border-color: #d7c6b5;
	box-shadow: 0 14px 34px rgba(25, 43, 58, 0.08);
	transform: translateY(-3px);
}

.business-service .business-service-number {
	color: var(--business-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0;
}

.business-service h3 {
	color: var(--business-ink);
	font-size: 20px;
	font-weight: 650;
	letter-spacing: -0.03em;
	margin: 18px 0 9px;
}

.business-service p {
	color: var(--business-muted);
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.business-approach > .wp-block-group__inner-container {
	display: grid;
	gap: 72px;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.business-approach .business-section-heading {
	margin: 0;
}

.business-steps {
	border-top: 1px solid var(--business-line);
	margin: 0;
	padding: 0;
}

.business-step-row {
	border-bottom: 1px solid #e4e0da;
	padding: 23px 0;
}

.business-step-row > .wp-block-group__inner-container {
	display: grid;
	gap: 18px;
	grid-template-columns: 38px 1fr;
}

.business-step-number {
	color: var(--business-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.04em;
	margin: 0;
	padding-top: 3px;
}

.business-step-row h3 {
	color: var(--business-ink);
	font-size: 17px;
	font-weight: 650;
	margin: 0 0 5px;
}

.business-step-row p {
	color: var(--business-muted);
	line-height: 1.65;
	margin: 0;
}

.business-step-row > .wp-block-group__inner-container > .wp-block-group {
	margin: 0;
}

.business-contact {
	background:
		radial-gradient(ellipse at 100% 0, rgba(193, 122, 67, 0.23), transparent 40%),
		var(--business-ink);
	border-radius: 10px;
	color: #fff;
	padding: 50px 54px;
}

.business-contact > .wp-block-group__inner-container {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: space-between;
}

.business-contact > .wp-block-group__inner-container > .wp-block-group {
	margin: 0;
}

.business-contact h2 {
	color: #fff;
	max-width: 600px;
}

.business-contact p {
	color: #d3dedc;
	max-width: 580px;
}

.business-contact .business-button .wp-block-button__link {
	background: #ffffff;
	border-color: #ffffff;
	color: var(--business-ink) !important;
}

.business-contact .business-button .wp-block-button__link:hover,
.business-contact .business-button .wp-block-button__link:focus {
	background: #f3eee8;
	border-color: #f3eee8;
	color: var(--business-ink) !important;
}

.business-contact-section {
	padding: 0 0 88px;
}

.site-footer {
	background: #ffffff;
	color: var(--business-muted);
}

.site-info {
	font-size: 13px;
}

.site-footer {
	background: var(--business-ink);
	color: #d3dedc;
	padding: 0;
}

.site-footer .site-info {
	background: #142431;
	color: #d3dedc;
}

.business-footer {
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
	padding: 60px 32px 48px;
}

.business-footer__inner {
	display: grid;
	gap: 42px;
	grid-template-columns: minmax(230px, 1.4fr) repeat(3, minmax(150px, 1fr));
	margin: 0 auto;
	max-width: var(--business-wrap);
}

.business-footer__brand {
	max-width: 290px;
}

.business-footer__brand-name {
	color: #fff;
	display: inline-block;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: -0.04em;
	margin-bottom: 12px;
	text-decoration: none;
}

.business-footer p {
	color: #d3dedc;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.business-footer__heading {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin: 4px 0 16px !important;
	text-transform: uppercase;
}

.business-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.business-footer li + li {
	margin-top: 11px;
}

.business-footer a:not(.business-footer__brand-name) {
	color: #d3dedc;
	font-size: 14px;
	text-decoration: none;
	transition: color 160ms ease;
}

.business-footer a:hover,
.business-footer a:focus {
	color: #fff !important;
}

.business-footer__copyright {
	color: #c4cfce !important;
	font-size: 13px !important;
	padding: 18px 24px;
	text-align: center;
}

@media (max-width: 768px) {
	.site-header .inside-header {
		padding: 16px 22px;
	}

	.site-header .main-navigation .main-nav ul li.menu-item-consultation > a {
		margin: 4px 15px;
	}

	.business-wrap {
		padding-left: 22px;
		padding-right: 22px;
	}

	.business-hero {
		padding: 82px 0 68px;
	}

	.business-section {
		padding: 72px 0;
	}

	.business-home .wp-block-columns.business-services {
		grid-template-columns: minmax(0, 1fr);
	}

	.business-service {
		padding: 24px;
	}

	.business-approach > .wp-block-group__inner-container {
		gap: 32px;
		grid-template-columns: 1fr;
	}

	.business-home .business-contact-inner {
		align-items: flex-start;
		flex-direction: column;
	}

	.business-contact > .wp-block-group__inner-container {
		flex-direction: column;
	}

	.business-contact {
		padding: 34px 28px;
	}

	.business-contact-section {
		padding-bottom: 64px;
	}
}

@media (max-width: 480px) {
	.business-proof-inner > .wp-block-group__inner-container {
		align-items: flex-start;
		flex-direction: column;
	}

	.business-proof-list.is-layout-flex {
		gap: 10px 16px;
	}

	.business-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.business-hero h1 {
		font-size: clamp(40px, 11vw, 54px);
	}

	.business-lead {
		font-size: 16px;
	}

	.business-button .wp-block-button__link {
		width: 100%;
	}
}

.business-home .business-service-grid,
.business-home .business-product-grid,
.business-page .business-card-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.business-home .business-service-grid {
	margin-top: 36px;
}

.business-home .business-product-grid {
	margin-top: 36px;
}

.business-home .business-testimonial-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.business-home .business-testimonial {
	background: #fff;
	border: 1px solid var(--business-line);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 26px;
}

.business-home .business-testimonial blockquote {
	border: 0;
	color: var(--business-muted);
	font-size: 15px;
	line-height: 1.75;
	margin: 16px 0 22px;
	padding: 0;
}

.business-home .business-testimonial figcaption {
	color: var(--business-ink);
	font-size: 13px;
	font-weight: 650;
	margin-top: auto;
}

.business-home .business-faq-list,
.business-page .business-faq-list {
	border-top: 1px solid var(--business-line);
	margin-top: 36px;
}

.business-home .business-faq-list details,
.business-page .business-faq-list details {
	border-bottom: 1px solid var(--business-line);
}

.business-home .business-faq-list summary,
.business-page .business-faq-list summary {
	align-items: center;
	color: var(--business-ink);
	cursor: pointer;
	display: flex;
	font-size: 17px;
	font-weight: 600;
	gap: 20px;
	justify-content: space-between;
	list-style: none;
	padding: 22px 4px;
}

.business-home .business-faq-list summary::-webkit-details-marker,
.business-page .business-faq-list summary::-webkit-details-marker {
	display: none;
}

.business-home .business-faq-list summary::after,
.business-page .business-faq-list summary::after {
	color: var(--business-accent);
	content: "+";
	flex: 0 0 auto;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

.business-home .business-faq-list details[open] summary::after,
.business-page .business-faq-list details[open] summary::after {
	content: "\2212";
}

.business-home .business-faq-list summary:focus-visible,
.business-page .business-faq-list summary:focus-visible {
	border-radius: 4px;
	outline: 2px solid var(--business-accent);
	outline-offset: 3px;
}

.business-home .business-faq-list details p,
.business-page .business-faq-list details p {
	color: var(--business-muted);
	font-size: 15px;
	line-height: 1.75;
	margin: -4px 44px 22px 4px;
}

.business-home .business-card,
.business-page .business-card {
	background: #fff;
	border: 1px solid var(--business-line);
	border-radius: 8px;
	box-shadow: 0 8px 26px rgba(25, 43, 58, 0.035);
	display: flex;
	flex-direction: column;
	padding: 26px;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.business-home .business-card:hover,
.business-page .business-card:hover {
	border-color: #d7c6b5;
	box-shadow: 0 14px 34px rgba(25, 43, 58, 0.08);
	transform: translateY(-3px);
}

.business-home .business-card h3,
.business-page .business-card h2 {
	color: var(--business-ink);
	font-size: 20px;
	font-weight: 650;
	letter-spacing: -0.03em;
	line-height: 1.3;
	margin: 12px 0 9px;
}

.business-home .business-card p,
.business-page .business-card p {
	color: var(--business-muted);
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.business-card-label {
	color: var(--business-accent) !important;
	font-size: 11px !important;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.business-card-link {
	color: var(--business-accent);
	font-size: 14px;
	font-weight: 650;
	margin-top: auto;
	padding-top: 18px;
	text-decoration: none;
}

.business-home .business-card-link:hover,
.business-page .business-card-link:hover {
	color: var(--business-accent-dark);
}

.business-home .business-product-section {
	background: var(--business-soft);
}

.business-home .business-approach-inner {
	display: grid;
	gap: 72px;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.business-home .business-step-row {
	display: grid;
	gap: 18px;
	grid-template-columns: 38px 1fr;
}

.business-home .business-step-row h3 {
	color: var(--business-ink);
	font-size: 17px;
	font-weight: 650;
	margin: 0 0 5px;
}

.business-home .business-step-row p {
	color: var(--business-muted);
	line-height: 1.65;
	margin: 0;
}

.business-home .business-contact {
	max-width: var(--business-wrap);
}

.business-home .business-proof-inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 18px 42px;
	justify-content: space-between;
}

.business-home .business-proof-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 26px;
}

.business-home a.business-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 6px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	justify-content: center;
	min-height: 48px;
	padding: 0 22px;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

.business-home a.business-button--primary {
	background: var(--business-accent);
	color: #fff;
}

.business-home a.business-button--primary:hover,
.business-home a.business-button--primary:focus {
	background: var(--business-accent-dark);
	color: #fff;
}

.business-home a.business-button--secondary {
	background: #fff;
	border-color: var(--business-line);
	color: var(--business-ink);
}

.business-home a.business-button--secondary:hover,
.business-home a.business-button--secondary:focus {
	border-color: var(--business-accent);
	color: var(--business-accent);
}

.business-home .business-contact-inner {
	align-items: center;
	display: flex;
	gap: 28px;
	justify-content: space-between;
}

.business-page {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: var(--business-wrap);
	padding: 76px 32px 96px;
}

.business-page,
.business-page * {
	box-sizing: border-box;
}

.business-page .business-detail-header {
	margin: 0 0 48px;
	max-width: 790px;
}

.business-contact-page .business-detail-header {
	align-items: center;
	display: grid;
	gap: 48px;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
	max-width: none;
}

.business-contact-page .business-detail-header > .business-contact-copy {
	max-width: 620px;
}

.business-contact-page__illustration {
	margin: 0;
}

.business-contact-page__illustration img {
	border-radius: 20px;
	display: block;
	height: auto;
	width: 100%;
}

.business-page .business-eyebrow {
	margin-bottom: 18px;
}

.business-page h1 {
	color: var(--business-ink);
	font-size: clamp(38px, 5vw, 58px);
	font-weight: 650;
	letter-spacing: -0.05em;
	line-height: 1.08;
	margin: 0;
}

.business-page .business-lead {
	font-size: 18px;
	margin-top: 20px;
}

.business-page .business-actions {
	margin-top: 26px;
}

.business-page .business-button {
	align-items: center;
	background: var(--business-accent);
	border: 1px solid var(--business-accent);
	border-radius: 6px;
	color: #fff;
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	justify-content: center;
	min-height: 48px;
	padding: 0 20px;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.business-page .business-button:hover,
.business-page .business-button:focus {
	background: var(--business-accent-dark);
	border-color: var(--business-accent-dark);
	color: #fff;
}

.business-page .business-button--secondary {
	background: #fff;
	border-color: var(--business-line);
	color: var(--business-ink);
}

.business-page .business-button--secondary:hover,
.business-page .business-button--secondary:focus {
	background: #fff;
	border-color: var(--business-accent);
	color: var(--business-accent);
}

.business-page .business-detail-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.8fr);
}

.business-page .business-panel,
.business-page .business-aside {
	background: #fff;
	border: 1px solid var(--business-line);
	border-radius: 8px;
	padding: 30px;
}

.business-page .business-aside {
	background: var(--business-soft);
}

.business-contact-method {
	border-bottom: 1px solid var(--business-line);
	padding: 18px 0;
}

.business-contact-method:first-of-type {
	padding-top: 0;
}

.business-contact-method:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.business-contact-method h3 {
	margin: 0 0 5px;
}

.business-contact-method p {
	margin: 0;
}

.business-contact-method a {
	font-weight: 600;
	text-decoration: none;
}

.business-page h2 {
	color: var(--business-ink);
	font-size: clamp(25px, 3vw, 34px);
	font-weight: 650;
	letter-spacing: -0.04em;
	line-height: 1.2;
	margin: 0 0 16px;
}

.business-page h3 {
	color: var(--business-ink);
	font-size: 18px;
	font-weight: 650;
	line-height: 1.35;
	margin: 24px 0 8px;
}

.business-page p,
.business-page li {
	color: var(--business-muted);
	font-size: 15px;
	line-height: 1.75;
}

.business-page p {
	margin: 0 0 16px;
}

.business-page ul,
.business-page ol {
	margin: 18px 0 0;
	padding-left: 22px;
}

.business-page li {
	margin-bottom: 9px;
	padding-left: 4px;
}

.business-page .business-feature-list {
	list-style: none;
	padding: 0;
}

.business-page .business-feature-list li {
	border-bottom: 1px solid var(--business-line);
	margin: 0;
	padding: 13px 0 13px 28px;
	position: relative;
}

.business-page .business-feature-list li::before {
	color: var(--business-accent);
	content: "\2713";
	font-weight: 700;
	left: 0;
	position: absolute;
	top: 13px;
}

.business-page .business-section {
	padding: 64px 0 0;
}

.business-page .business-cta {
	background:
		radial-gradient(ellipse at 100% 0, rgba(193, 122, 67, 0.23), transparent 40%),
		var(--business-ink);
	border-radius: 10px;
	margin-top: 52px;
	padding: 38px;
}

.business-page .business-cta h2 {
	color: #fff;
}

.business-page .business-cta p {
	color: #d3dedc;
}

.business-page .business-cta .business-button--secondary {
	background: #fff;
	border-color: #fff;
	color: var(--business-ink);
}

.business-page .business-cta .business-button--secondary:hover {
	background: #f3eee8;
	border-color: #f3eee8;
	color: var(--business-ink);
}

.business-page .business-card-grid {
	margin-top: 32px;
}

.business-page .business-card h2 {
	font-size: 19px;
	margin: 10px 0;
}

.business-page .business-card .business-card-link {
	display: inline-block;
}

.business-page .business-external-link {
	color: var(--business-ink);
	font-size: 13px;
	font-weight: 600;
	margin-left: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.business-page .business-service-list {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.business-page .business-service-list li {
	margin: 0;
}

.business-page .business-service-list a {
	border: 1px solid var(--business-line);
	border-radius: 6px;
	color: var(--business-ink);
	display: block;
	font-weight: 600;
	padding: 16px;
	text-decoration: none;
}

.business-page .business-service-list a:hover {
	border-color: var(--business-accent);
	color: var(--business-accent-dark);
}

@media (max-width: 768px) {
	.business-hero-inner {
		gap: 36px;
		grid-template-columns: 1fr;
	}

	.business-hero-illustration {
		max-width: 520px;
	}

	.business-home .business-service-grid,
	.business-home .business-product-grid,
	.business-home .business-testimonial-grid,
	.business-page .business-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.business-home .business-approach-inner {
		gap: 32px;
		grid-template-columns: 1fr;
	}

	.business-page {
		padding: 56px 22px 72px;
	}

	.business-page .business-detail-grid {
		grid-template-columns: 1fr;
	}

	.business-contact-page .business-detail-header {
		gap: 28px;
		grid-template-columns: 1fr;
	}

	.business-contact-page__illustration {
		max-width: 520px;
	}

	.business-footer__inner {
		gap: 32px 24px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.business-home .business-service-grid,
	.business-home .business-product-grid,
	.business-home .business-testimonial-grid,
	.business-page .business-card-grid,
	.business-page .business-service-list {
		grid-template-columns: 1fr;
	}

	.business-page .business-panel,
	.business-page .business-aside,
	.business-page .business-cta {
		padding: 24px;
	}

	.business-page .business-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.business-home a.business-button {
		width: 100%;
	}

	.business-footer {
		padding: 44px 22px 32px;
	}

	.business-footer__inner {
		gap: 28px;
		grid-template-columns: 1fr;
	}
}
