:root {
	--aps-bg: #f6f9ff;
	--aps-paper: #ffffff;
	--aps-ink: #101827;
	--aps-muted: #667085;
	--aps-line: rgba(21, 36, 71, .12);
	--aps-blue: #2563eb;
	--aps-cyan: #06b6d4;
	--aps-green: #10b981;
	--aps-orange: #f97316;
	--aps-navy: #071527;
	--aps-soft: #eaf2ff;
	--aps-shadow: 0 24px 70px rgba(15, 35, 80, .12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
	margin: 0;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", sans-serif;
	color: var(--aps-ink);
	background:
		radial-gradient(circle at 16% 0%, rgba(37,99,235,.12), transparent 34%),
		radial-gradient(circle at 100% 10%, rgba(6,182,212,.12), transparent 28%),
		var(--aps-bg);
	line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position: absolute; left: -9999px; }
.aps-container { width: min(1220px, calc(100% - 32px)); margin-inline: auto; }

.aps-header {
	position: sticky;
	top: 0;
	z-index: 99;
	background: rgba(246,249,255,.82);
	backdrop-filter: blur(20px);
	border-bottom: 1px solid var(--aps-line);
}
.aps-header.is-scrolled { box-shadow: 0 18px 50px rgba(15,35,80,.08); }
.aps-nav { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 14px 0; }
.aps-brand { display: inline-flex; align-items: center; gap: 12px; min-width: max-content; }
.custom-logo-link img { max-height: 62px; width: auto; }
.aps-brand__mark {
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border-radius: 18px;
	color: #fff;
	background: linear-gradient(135deg, var(--aps-blue), var(--aps-cyan));
	font-size: 34px;
	font-weight: 1000;
	box-shadow: 0 16px 36px rgba(37,99,235,.24);
}
.aps-brand__text { display: grid; line-height: 1.08; }
.aps-brand__text strong { font-size: 17px; letter-spacing: -.025em; }
.aps-brand__text small { color: var(--aps-muted); font-weight: 800; font-size: 11px; margin-top: 4px; }

.aps-menu ul { display: flex; align-items: center; gap: 4px; list-style: none; padding: 0; margin: 0; }
.aps-menu a {
	display: inline-flex;
	padding: 10px 12px;
	border-radius: 999px;
	font-weight: 900;
	font-size: 14px;
	color: #22304a;
}
.aps-menu a:hover,
.aps-menu .current-menu-item > a { background: rgba(37,99,235,.08); color: var(--aps-blue); }
.aps-nav-actions { display: flex; align-items: center; gap: 10px; }
.aps-cart {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 13px;
	border: 1px solid var(--aps-line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 24px rgba(15,35,80,.06);
	font-weight: 950;
}
.aps-cart svg { width: 18px; height: 18px; fill: currentColor; }
.aps-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 16px;
	padding: 14px 20px;
	background: linear-gradient(135deg, var(--aps-blue), var(--aps-cyan));
	color: #fff;
	font-weight: 1000;
	box-shadow: 0 18px 42px rgba(37,99,235,.24);
	transition: transform .18s ease, box-shadow .18s ease;
	cursor: pointer;
}
.aps-btn:hover { transform: translateY(-2px); box-shadow: 0 22px 52px rgba(37,99,235,.3); }
.aps-btn--nav { padding: 11px 15px; font-size: 14px; }
.aps-btn--ghost { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); box-shadow: none; backdrop-filter: blur(12px); }
.aps-btn--dark { background: var(--aps-navy); box-shadow: 0 16px 36px rgba(7,21,39,.22); }
.aps-menu-toggle { display: none; align-items: center; gap: 6px; background: #fff; border: 1px solid var(--aps-line); border-radius: 14px; padding: 10px 12px; }
.aps-menu-toggle span { width: 18px; height: 2px; background: var(--aps-ink); display: block; }
.aps-menu-toggle em { font-style: normal; font-weight: 950; font-size: 13px; }

.aps-hero {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, #071527 0%, #0e2f63 52%, #086b80 100%);
	color: #fff;
}
.aps-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);
	background-size: 70px 70px;
	mask-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,.35));
}
.aps-hero__glow { position: absolute; border-radius: 999px; filter: blur(8px); pointer-events: none; }
.aps-hero__glow--one { width: 440px; height: 440px; right: -140px; top: 50px; background: rgba(6,182,212,.26); }
.aps-hero__glow--two { width: 360px; height: 360px; left: -120px; bottom: 40px; background: rgba(37,99,235,.24); }
.aps-hero__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr);
	gap: 60px;
	align-items: center;
	min-height: 720px;
	padding: 76px 0;
}
.aps-eyebrow,
.aps-heading p,
.aps-page-header p,
.aps-inner-hero p {
	margin: 0 0 12px;
	color: var(--aps-cyan);
	font-size: 12px;
	font-weight: 1000;
	letter-spacing: .16em;
}
.aps-hero h1 {
	margin: 0;
	font-size: clamp(44px, 7vw, 86px);
	line-height: .96;
	letter-spacing: -.075em;
	max-width: 980px;
}
.aps-hero__copy > p:not(.aps-eyebrow) {
	max-width: 720px;
	color: rgba(255,255,255,.78);
	font-size: clamp(18px, 2vw, 23px);
}
.aps-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.aps-proof {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
	margin-top: 42px;
}
.aps-proof div {
	padding: 16px;
	border-radius: 20px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.12);
	backdrop-filter: blur(14px);
}
.aps-proof strong,
.aps-proof span { display: block; }
.aps-proof strong { color: #fff; font-size: 20px; letter-spacing: -.03em; }
.aps-proof span { color: rgba(255,255,255,.68); font-size: 13px; }

.aps-hero__visual { position: relative; min-height: 520px; }
.aps-device-card {
	position: absolute;
	inset: 42px 30px 30px 30px;
	border-radius: 36px;
	padding: 24px;
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.18);
	backdrop-filter: blur(20px);
	box-shadow: 0 34px 110px rgba(0,0,0,.28);
}
.aps-device-card__screen {
	position: relative;
	height: 310px;
	border-radius: 28px;
	background:
		radial-gradient(circle at 80% 20%, rgba(6,182,212,.28), transparent 28%),
		linear-gradient(135deg, #0a1c34, #102a55);
	border: 1px solid rgba(255,255,255,.12);
	padding: 24px;
}
.aps-dot { position: absolute; top: 18px; width: 10px; height: 10px; border-radius: 999px; }
.aps-dot--green { left: 18px; background: var(--aps-green); }
.aps-dot--blue { left: 34px; background: var(--aps-blue); }
.aps-dot--orange { left: 50px; background: var(--aps-orange); }
.aps-screen-chart {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 28px;
	height: 160px;
	display: flex;
	align-items: end;
	gap: 16px;
}
.aps-screen-chart i {
	flex: 1;
	height: var(--h);
	border-radius: 999px 999px 10px 10px;
	background: linear-gradient(180deg, var(--aps-cyan), var(--aps-blue));
	box-shadow: 0 0 30px rgba(6,182,212,.2);
}
.aps-device-card__body { padding: 22px 4px 0; }
.aps-device-card__body b { font-size: 28px; letter-spacing: -.05em; }
.aps-device-card__body p { color: rgba(255,255,255,.68); margin-bottom: 0; }
.aps-float {
	position: absolute;
	z-index: 3;
	padding: 13px 16px;
	border-radius: 18px;
	background: rgba(255,255,255,.92);
	color: var(--aps-ink);
	box-shadow: 0 20px 55px rgba(0,0,0,.18);
	font-weight: 950;
}
.aps-float--one { left: 0; top: 20px; }
.aps-float--two { right: 0; top: 180px; }
.aps-float--three { left: 20px; bottom: 30px; }

.aps-section { padding: 78px 0; }
.aps-section--strip { padding: 0; background: var(--aps-navy); color: #fff; }
.aps-strip { display: grid; grid-template-columns: repeat(4, 1fr); }
.aps-strip div { padding: 28px 22px; border-right: 1px solid rgba(255,255,255,.1); }
.aps-strip i { color: var(--aps-cyan); font-style: normal; font-weight: 1000; }
.aps-strip strong { display: block; margin-top: 8px; font-size: 23px; letter-spacing: -.04em; }
.aps-strip span { display: block; color: rgba(255,255,255,.66); margin-top: 6px; }
.aps-section--soft { background: var(--aps-soft); }

.aps-heading { max-width: 780px; margin-bottom: 34px; }
.aps-heading h2,
.aps-page-header h1,
.aps-inner-hero h1 {
	margin: 0;
	font-size: clamp(34px, 5vw, 60px);
	line-height: 1.04;
	letter-spacing: -.06em;
}
.aps-heading span,
.aps-inner-hero span { color: var(--aps-muted); font-size: 18px; display: block; margin-top: 14px; }
.aps-heading--row { max-width: none; display: flex; justify-content: space-between; align-items: end; gap: 24px; }
.aps-heading--row a { color: var(--aps-blue); font-weight: 1000; }

.aps-category-grid,
.aps-service-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}
.aps-category-card,
.aps-service-grid div,
.aps-placeholder,
.aps-content,
.aps-shop-shell,
.aps-post-card,
.aps-inner-grid aside {
	border-radius: 28px;
	background: rgba(255,255,255,.86);
	border: 1px solid var(--aps-line);
	box-shadow: 0 18px 58px rgba(15,35,80,.09);
	backdrop-filter: blur(14px);
}
.aps-category-card {
	min-height: 310px;
	padding: 26px;
	display: flex;
	flex-direction: column;
	transition: transform .22s ease, box-shadow .22s ease;
}
.aps-category-card:hover { transform: translateY(-6px); box-shadow: var(--aps-shadow); }
.aps-category-card div {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(37,99,235,.1), rgba(6,182,212,.16));
	font-size: 28px;
	margin-bottom: 22px;
}
.aps-category-card h3 { font-size: 28px; line-height: 1.08; letter-spacing: -.05em; margin: 0 0 14px; }
.aps-category-card p { color: var(--aps-muted); margin: auto 0 0; }

.aps-service-grid div { padding: 26px; }
.aps-service-grid b { display: block; font-size: 28px; margin-bottom: 14px; }
.aps-service-grid h3 { font-size: 24px; line-height: 1.12; letter-spacing: -.04em; margin: 0 0 10px; }
.aps-service-grid p { color: var(--aps-muted); margin-bottom: 0; }
.aps-service-grid a { color: var(--aps-blue); font-weight: 1000; }

.aps-cta { padding-top: 0; }
.aps-cta__box {
	padding: clamp(34px, 6vw, 72px);
	border-radius: 36px;
	background:
		radial-gradient(circle at 90% 0%, rgba(6,182,212,.28), transparent 30%),
		linear-gradient(135deg, #071527, #0e2f63);
	color: #fff;
	box-shadow: 0 30px 90px rgba(15,35,80,.22);
}
.aps-cta__box p { color: var(--aps-cyan); font-weight: 1000; letter-spacing: .14em; margin: 0 0 12px; }
.aps-cta__box h2 { margin: 0 0 26px; max-width: 900px; font-size: clamp(34px, 6vw, 68px); line-height: 1.02; letter-spacing: -.06em; }

.aps-page,
.aps-inner-hero { padding: 72px 0; }
.aps-page-header { margin-bottom: 30px; }
.aps-content { padding: clamp(22px, 4vw, 48px); overflow-wrap: anywhere; }
.aps-narrow { max-width: 900px; }
.aps-inner-grid { display: grid; grid-template-columns: 1fr minmax(320px, 460px); gap: 42px; align-items: start; }
.aps-inner-grid aside { padding: 28px; }
.aps-contact-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 26px; }

.aps-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.aps-post-card { overflow: hidden; }
.aps-post-card__image { display: block; aspect-ratio: 4/3; background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(6,182,212,.14)); }
.aps-post-card__body { padding: 22px; }
.aps-post-card time { color: var(--aps-muted); font-size: 13px; font-weight: 900; }
.aps-post-card h2 { font-size: 24px; line-height: 1.12; letter-spacing: -.04em; }
.aps-post-card p { color: var(--aps-muted); }
.aps-placeholder { padding: 32px; text-align: center; }

/* WooCommerce */
.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
	background: #fff;
	border: 1px solid var(--aps-line);
	border-radius: 28px;
	padding: 16px;
	box-shadow: 0 18px 58px rgba(15,35,80,.09);
}
.woocommerce ul.products li.product a img {
	border-radius: 22px;
	border: 1px solid var(--aps-line);
	background: #f8fbff;
	margin: 0 0 14px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
.woocommerce-loop-product__title {
	font-size: 18px !important;
	line-height: 1.32;
	letter-spacing: -.03em;
	color: var(--aps-ink);
	padding: 0 !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--aps-blue);
	font-weight: 1000;
	font-size: 18px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.wc-block-components-button {
	border-radius: 16px !important;
	background: linear-gradient(135deg, var(--aps-blue), var(--aps-cyan)) !important;
	color: #fff !important;
	font-weight: 1000 !important;
	box-shadow: 0 14px 32px rgba(37,99,235,.2) !important;
}
.aps-shop-shell { padding: clamp(18px, 3vw, 34px); }
.aps-wc-content { overflow-x: auto; }
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	border-radius: 24px;
	border: 1px solid var(--aps-line);
	background: #fff;
	box-shadow: 0 18px 58px rgba(15,35,80,.09);
}

.aps-footer {
	background: var(--aps-navy);
	color: rgba(255,255,255,.72);
	padding: 58px 0 24px;
	margin-top: 80px;
}
.aps-footer a { color: rgba(255,255,255,.92); }
.aps-footer h3 { color: #fff; margin-top: 0; }
.aps-footer ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.aps-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 34px; }
.aps-brand--footer .aps-brand__text strong { color: #fff; }
.aps-footer__category { color: var(--aps-cyan); }
.aps-footer__bottom {
	border-top: 1px solid rgba(255,255,255,.12);
	margin-top: 34px;
	padding-top: 22px;
	font-size: 14px;
}

.aps-reveal { opacity: 0; transform: translateY(20px); transition: opacity .55s ease, transform .55s ease; }
.aps-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1080px) {
	.aps-menu-toggle { display: inline-flex; }
	.aps-menu {
		display: none;
		position: absolute;
		left: 16px;
		right: 16px;
		top: 100%;
		background: rgba(255,255,255,.96);
		border: 1px solid var(--aps-line);
		border-radius: 24px;
		padding: 16px;
		box-shadow: var(--aps-shadow);
	}
	.aps-menu.is-open { display: block; }
	.aps-menu ul { display: grid; }
	.aps-menu a { width: 100%; }
	.aps-nav-actions .aps-btn { display: none; }
	.aps-hero__grid,
	.aps-inner-grid { grid-template-columns: 1fr; min-height: auto; }
	.aps-hero__visual { min-height: 430px; }
	.aps-strip,
	.aps-category-grid,
	.aps-service-grid,
	.aps-footer__grid,
	.aps-post-grid,
	.woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
	.aps-brand__text small { display: none; }
	.aps-cart { display: none; }
	.aps-hero__grid { padding: 58px 0; gap: 30px; }
	.aps-hero h1 { font-size: clamp(40px, 13vw, 58px); }
	.aps-proof,
	.aps-strip,
	.aps-category-grid,
	.aps-service-grid,
	.aps-footer__grid,
	.aps-post-grid,
	.woocommerce ul.products { grid-template-columns: 1fr; }
	.aps-hero__visual { display: none; }
	.aps-section { padding: 52px 0; }
	.aps-heading--row { align-items: start; flex-direction: column; }
	.aps-footer { margin-top: 48px; }
}


/* v1.1.0 Online business layout redesign */
.aps-hero-online {
	background:
		radial-gradient(circle at 8% 18%, rgba(6,182,212,.18), transparent 28%),
		radial-gradient(circle at 92% 8%, rgba(37,99,235,.2), transparent 32%),
		linear-gradient(135deg, #06111f 0%, #0a2241 48%, #0b3b56 100%);
}

.aps-hero-online__bg {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, rgba(255,255,255,.07) 0 1px, transparent 1px 80px),
		linear-gradient(30deg, rgba(255,255,255,.045) 0 1px, transparent 1px 70px);
	opacity: .7;
	mask-image: linear-gradient(180deg, #000, rgba(0,0,0,.35));
}

.aps-hero-online__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(360px, .86fr) minmax(0, 1.08fr);
	gap: clamp(36px, 6vw, 78px);
	align-items: center;
	min-height: 760px;
	padding: clamp(58px, 8vw, 100px) 0;
}

.aps-hero-online__copy {
	max-width: 820px;
}

.aps-hero-online__copy h1 {
	margin: 0;
	font-size: clamp(46px, 7.5vw, 94px);
	line-height: .94;
	letter-spacing: -.078em;
	text-wrap: balance;
}

.aps-hero-online__copy > p:not(.aps-eyebrow) {
	max-width: 760px;
	color: rgba(255,255,255,.78);
	font-size: clamp(18px, 2vw, 23px);
}

.aps-hero-online__media {
	position: relative;
	min-height: 560px;
}

.aps-photo-stack {
	position: absolute;
	inset: 0;
}

.aps-photo {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 24px;
	border-radius: 36px;
	border: 1px solid rgba(255,255,255,.18);
	background:
		linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.06)),
		linear-gradient(135deg, rgba(37,99,235,.2), rgba(6,182,212,.16));
	backdrop-filter: blur(20px);
	box-shadow: 0 34px 110px rgba(0,0,0,.3);
	overflow: hidden;
}

.aps-photo::before {
	content: "";
	position: absolute;
	inset: 18px;
	border-radius: 26px;
	border: 1px dashed rgba(255,255,255,.28);
	background:
		linear-gradient(135deg, rgba(255,255,255,.08), transparent),
		repeating-linear-gradient(45deg, rgba(255,255,255,.055) 0 8px, transparent 8px 16px);
	pointer-events: none;
}

.aps-photo span,
.aps-photo strong {
	position: relative;
	z-index: 1;
}

.aps-photo span {
	color: rgba(255,255,255,.7);
	font-size: 13px;
	font-weight: 900;
}

.aps-photo strong {
	margin-top: 8px;
	color: #fff;
	font-size: clamp(22px, 3vw, 34px);
	line-height: 1.05;
	letter-spacing: -.05em;
}

.aps-photo--main {
	left: 0;
	top: 0;
	width: 82%;
	height: 78%;
}

.aps-photo--small {
	width: 44%;
	height: 34%;
	background:
		linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.68));
	color: var(--aps-ink);
}

.aps-photo--small::before {
	border-color: rgba(37,99,235,.18);
	background:
		linear-gradient(135deg, rgba(37,99,235,.06), rgba(6,182,212,.06)),
		repeating-linear-gradient(45deg, rgba(37,99,235,.06) 0 8px, transparent 8px 16px);
}

.aps-photo--small span {
	color: var(--aps-blue);
	font-size: 16px;
}

.aps-photo--one {
	right: 0;
	top: 13%;
}

.aps-photo--two {
	right: 8%;
	bottom: 0;
}

.aps-online-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 28px;
}

.aps-online-tags span {
	display: inline-flex;
	padding: 10px 13px;
	border-radius: 999px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.16);
	color: rgba(255,255,255,.78);
	font-weight: 900;
	font-size: 13px;
}

.aps-section--online-strip {
	padding: 0;
	background: #fff;
}

.aps-online-strip {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	box-shadow: 0 20px 70px rgba(15,35,80,.08);
	transform: translateY(-34px);
	position: relative;
	z-index: 4;
	border-radius: 32px;
	overflow: hidden;
}

.aps-online-strip div {
	padding: 28px;
	background: rgba(255,255,255,.92);
	border-right: 1px solid var(--aps-line);
}

.aps-online-strip b {
	display: inline-flex;
	color: var(--aps-blue);
	font-weight: 1000;
	font-size: 13px;
	margin-bottom: 12px;
}

.aps-online-strip strong {
	display: block;
	font-size: 22px;
	line-height: 1.12;
	letter-spacing: -.04em;
}

.aps-online-strip span {
	display: block;
	color: var(--aps-muted);
	margin-top: 8px;
	font-size: 14px;
}

.aps-split-intro {
	display: grid;
	grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}

.aps-image-board {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.aps-image-slot {
	min-height: 210px;
	display: grid;
	place-items: center;
	text-align: center;
	padding: 24px;
	border-radius: 30px;
	background:
		linear-gradient(135deg, rgba(37,99,235,.08), rgba(6,182,212,.1)),
		#fff;
	border: 1px dashed rgba(37,99,235,.28);
	box-shadow: 0 18px 58px rgba(15,35,80,.08);
	color: var(--aps-muted);
	font-weight: 900;
}

.aps-image-slot--wide {
	grid-column: 1 / -1;
	min-height: 320px;
}

.aps-online-service-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.aps-online-service-grid--page {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aps-online-service-grid article {
	min-height: 300px;
	padding: 28px;
	border-radius: 30px;
	background: rgba(255,255,255,.86);
	border: 1px solid var(--aps-line);
	box-shadow: 0 18px 58px rgba(15,35,80,.09);
	display: flex;
	flex-direction: column;
}

.aps-online-service-grid i {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(37,99,235,.1), rgba(6,182,212,.16));
	font-style: normal;
	font-size: 28px;
	margin-bottom: 22px;
}

.aps-online-service-grid h3 {
	margin: 0 0 12px;
	font-size: 26px;
	line-height: 1.12;
	letter-spacing: -.05em;
}

.aps-online-service-grid p {
	color: var(--aps-muted);
	margin: 0;
}

.aps-online-service-grid a {
	margin-top: auto;
	padding-top: 20px;
	color: var(--aps-blue);
	font-weight: 1000;
}

.aps-packages {
	background:
		radial-gradient(circle at 0% 12%, rgba(37,99,235,.08), transparent 28%),
		radial-gradient(circle at 100% 80%, rgba(6,182,212,.09), transparent 28%);
}

.aps-package-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	align-items: stretch;
}

.aps-package-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 560px;
	padding: 28px;
	border-radius: 32px;
	background: rgba(255,255,255,.9);
	border: 1px solid var(--aps-line);
	box-shadow: 0 20px 70px rgba(15,35,80,.1);
	overflow: hidden;
}

.aps-package-card--featured {
	transform: translateY(-12px);
	border-color: rgba(37,99,235,.28);
	box-shadow: 0 28px 90px rgba(37,99,235,.18);
}

.aps-package-card--dark {
	background:
		radial-gradient(circle at 90% 0%, rgba(6,182,212,.25), transparent 28%),
		linear-gradient(135deg, #071527, #0e2f63);
	color: #fff;
}

.aps-package-card--dark li,
.aps-package-card--dark .aps-package-top i {
	color: rgba(255,255,255,.72);
}

.aps-package-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.aps-package-top span {
	color: var(--aps-blue);
	font-size: 12px;
	font-weight: 1000;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.aps-package-card--dark .aps-package-top span {
	color: var(--aps-cyan);
}

.aps-package-top i {
	font-style: normal;
	color: var(--aps-muted);
	font-weight: 900;
	font-size: 13px;
}

.aps-package-card h3 {
	margin: 0 0 16px;
	font-size: 28px;
	line-height: 1.08;
	letter-spacing: -.055em;
}

.aps-package-price {
	padding: 14px 16px;
	border-radius: 18px;
	background: var(--aps-soft);
	color: var(--aps-blue);
	font-size: 20px;
	font-weight: 1000;
	margin-bottom: 22px;
}

.aps-package-card--dark .aps-package-price {
	background: rgba(255,255,255,.1);
	color: #fff;
}

.aps-package-card ul {
	display: grid;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
	color: var(--aps-muted);
}

.aps-package-card li {
	position: relative;
	padding-left: 24px;
}

.aps-package-card li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	color: var(--aps-blue);
	font-weight: 1000;
}

.aps-package-card--dark li::before {
	color: var(--aps-cyan);
}

.aps-package-card a {
	margin-top: auto;
	display: inline-flex;
	justify-content: center;
	padding: 13px 15px;
	border-radius: 16px;
	background: linear-gradient(135deg, var(--aps-blue), var(--aps-cyan));
	color: #fff;
	font-weight: 1000;
	box-shadow: 0 16px 36px rgba(37,99,235,.2);
}

.aps-ribbon {
	position: absolute;
	right: 22px;
	top: 22px;
	padding: 7px 11px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--aps-orange), #facc15);
	color: #111827;
	font-size: 12px;
	font-weight: 1000;
}

.aps-process-line {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.aps-process-line div {
	padding: 26px;
	border-radius: 30px;
	background: #fff;
	border: 1px solid var(--aps-line);
	box-shadow: 0 18px 58px rgba(15,35,80,.08);
}

.aps-process-line b {
	color: var(--aps-blue);
	font-weight: 1000;
}

.aps-process-line h3 {
	margin: 14px 0 10px;
	font-size: 24px;
	line-height: 1.12;
	letter-spacing: -.04em;
}

.aps-process-line p {
	margin: 0;
	color: var(--aps-muted);
}

.aps-cta-online .aps-cta__box {
	background:
		radial-gradient(circle at 82% 0%, rgba(6,182,212,.28), transparent 30%),
		linear-gradient(135deg, #06111f, #0a2241 56%, #0b3b56);
}

.aps-inner-hero--online {
	background:
		radial-gradient(circle at 90% 0%, rgba(6,182,212,.1), transparent 28%),
		linear-gradient(180deg, #f6f9ff, #fff);
}

@media (max-width: 1180px) {
	.aps-package-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aps-package-card--featured {
		transform: none;
	}
}

@media (max-width: 1080px) {
	.aps-hero-online__grid,
	.aps-split-intro {
		grid-template-columns: 1fr;
	}

	.aps-hero-online__media {
		order: 2;
		min-height: 520px;
	}

	.aps-online-strip,
	.aps-online-service-grid,
	.aps-online-service-grid--page,
	.aps-process-line {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 720px) {
	.aps-hero-online__grid {
		padding: 54px 0;
	}

	.aps-hero-online__copy h1 {
		font-size: clamp(40px, 13vw, 60px);
	}

	.aps-hero-online__media {
		display: block;
		min-height: 380px;
	}

	.aps-photo--main {
		width: 100%;
		height: 78%;
	}

	.aps-photo--small {
		display: none;
	}

	.aps-online-strip,
	.aps-online-service-grid,
	.aps-online-service-grid--page,
	.aps-package-grid,
	.aps-process-line,
	.aps-image-board {
		grid-template-columns: 1fr;
	}

	.aps-online-strip {
		transform: translateY(-18px);
	}

	.aps-package-card {
		min-height: auto;
	}

	.aps-image-slot--wide {
		grid-column: auto;
	}
}


/* v1.1.1 Hero redesign: center orbit, no split layout */
.aps-hero-orbit {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 18%, rgba(6,182,212,.22), transparent 28%),
		radial-gradient(circle at 14% 70%, rgba(37,99,235,.18), transparent 28%),
		radial-gradient(circle at 92% 70%, rgba(16,185,129,.12), transparent 24%),
		linear-gradient(135deg, #05101e 0%, #0a1d38 50%, #092d45 100%);
	color: #fff;
}

.aps-hero-orbit__noise {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
		radial-gradient(circle, rgba(255,255,255,.12) 1px, transparent 1px);
	background-size: 72px 72px, 72px 72px, 24px 24px;
	opacity: .65;
	mask-image: linear-gradient(180deg, #000, rgba(0,0,0,.42));
}

.aps-hero-orbit__ring {
	position: absolute;
	left: 50%;
	top: 36%;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 999px;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.aps-hero-orbit__ring--one {
	width: min(980px, 92vw);
	height: min(980px, 92vw);
}

.aps-hero-orbit__ring--two {
	width: min(660px, 72vw);
	height: min(660px, 72vw);
	border-style: dashed;
	opacity: .55;
}

.aps-hero-orbit__inner {
	position: relative;
	z-index: 2;
	min-height: 820px;
	padding: clamp(64px, 8vw, 110px) 0 58px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.aps-hero-orbit__center {
	max-width: 1080px;
	margin-inline: auto;
	text-align: center;
}

.aps-hero-orbit__center .aps-eyebrow {
	color: #8de7ff;
}

.aps-hero-orbit__center h1 {
	margin: 0;
	font-size: clamp(46px, 8.8vw, 112px);
	line-height: .9;
	letter-spacing: -.085em;
	text-wrap: balance;
	background: linear-gradient(180deg, #fff 0%, #d9f6ff 58%, #7dd3fc 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.aps-hero-orbit__center > p:not(.aps-eyebrow) {
	max-width: 860px;
	margin: 24px auto 0;
	color: rgba(255,255,255,.76);
	font-size: clamp(18px, 2.05vw, 24px);
	line-height: 1.75;
}

.aps-hero-orbit .aps-hero__actions {
	justify-content: center;
}

.aps-orbit-cards {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.aps-orbit-card {
	position: absolute;
	width: 210px;
	padding: 16px;
	border-radius: 24px;
	background: rgba(255,255,255,.1);
	border: 1px solid rgba(255,255,255,.16);
	backdrop-filter: blur(18px);
	box-shadow: 0 22px 60px rgba(0,0,0,.22);
	text-align: left;
}

.aps-orbit-card i {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 16px;
	background: rgba(255,255,255,.12);
	font-style: normal;
	font-size: 22px;
	margin-bottom: 12px;
}

.aps-orbit-card strong,
.aps-orbit-card span {
	display: block;
}

.aps-orbit-card strong {
	color: #fff;
	font-size: 18px;
	letter-spacing: -.035em;
}

.aps-orbit-card span {
	margin-top: 4px;
	color: rgba(255,255,255,.66);
	font-size: 13px;
	line-height: 1.45;
}

.aps-orbit-card--a {
	left: 1%;
	top: 22%;
}

.aps-orbit-card--b {
	right: 2%;
	top: 24%;
}

.aps-orbit-card--c {
	left: 8%;
	bottom: 28%;
}

.aps-orbit-card--d {
	right: 8%;
	bottom: 27%;
}

.aps-image-runway {
	width: 100%;
	display: grid;
	grid-template-columns: 1.35fr .72fr .72fr .72fr;
	gap: 16px;
	margin-top: clamp(46px, 7vw, 90px);
}

.aps-runway-photo {
	min-height: 180px;
	display: grid;
	place-items: end start;
	padding: 22px;
	border-radius: 30px;
	background:
		linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06)),
		repeating-linear-gradient(45deg, rgba(255,255,255,.055) 0 10px, transparent 10px 20px);
	border: 1px dashed rgba(255,255,255,.24);
	box-shadow: 0 24px 80px rgba(0,0,0,.18);
	color: rgba(255,255,255,.72);
	font-weight: 900;
}

.aps-runway-photo--large {
	min-height: 240px;
	background:
		radial-gradient(circle at 80% 20%, rgba(6,182,212,.22), transparent 28%),
		linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.07)),
		repeating-linear-gradient(45deg, rgba(255,255,255,.055) 0 10px, transparent 10px 20px);
}

.aps-runway-photo span {
	display: inline-flex;
	padding: 10px 13px;
	border-radius: 999px;
	background: rgba(5,16,30,.42);
	backdrop-filter: blur(12px);
}

/* prevent old split hero visual from influencing new hero */
.aps-hero-orbit .aps-hero-online__grid,
.aps-hero-orbit .aps-hero-online__media,
.aps-hero-orbit .aps-photo-stack {
	display: none !important;
}

@media (max-width: 1180px) {
	.aps-orbit-cards {
		position: static;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 12px;
		width: 100%;
		margin-top: 36px;
		pointer-events: auto;
	}

	.aps-orbit-card {
		position: static;
		width: auto;
	}

	.aps-hero-orbit__inner {
		min-height: auto;
	}
}

@media (max-width: 900px) {
	.aps-orbit-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aps-image-runway {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aps-runway-photo--large {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	.aps-hero-orbit__inner {
		padding: 54px 0 38px;
	}

	.aps-hero-orbit__center h1 {
		font-size: clamp(42px, 14vw, 64px);
	}

	.aps-orbit-cards,
	.aps-image-runway {
		grid-template-columns: 1fr;
	}

	.aps-orbit-card {
		padding: 14px;
	}

	.aps-runway-photo,
	.aps-runway-photo--large {
		min-height: 150px;
	}

	.aps-hero-orbit__ring {
		display: none;
	}
}