	img:is([sizes="auto" i], [sizes^="auto," i]) {
		contain-intrinsic-size: 3000px 1500px
	}	
	img.wp-smiley,
	img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
	:root {
		--wp--preset--aspect-ratio--square: 1;
		--wp--preset--aspect-ratio--4-3: 4/3;
		--wp--preset--aspect-ratio--3-4: 3/4;
		--wp--preset--aspect-ratio--3-2: 3/2;
		--wp--preset--aspect-ratio--2-3: 2/3;
		--wp--preset--aspect-ratio--16-9: 16/9;
		--wp--preset--aspect-ratio--9-16: 9/16;
		--wp--preset--color--black: #000000;
		--wp--preset--color--cyan-bluish-gray: #abb8c3;
		--wp--preset--color--white: #ffffff;
		--wp--preset--color--pale-pink: #f78da7;
		--wp--preset--color--vivid-red: #cf2e2e;
		--wp--preset--color--luminous-vivid-orange: #ff6900;
		--wp--preset--color--luminous-vivid-amber: #fcb900;
		--wp--preset--color--light-green-cyan: #7bdcb5;
		--wp--preset--color--vivid-green-cyan: #00d084;
		--wp--preset--color--pale-cyan-blue: #8ed1fc;
		--wp--preset--color--vivid-cyan-blue: #0693e3;
		--wp--preset--color--vivid-purple: #9b51e0;
		--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
		--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
		--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
		--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
		--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
		--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
		--wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
		--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
		--wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
		--wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
		--wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
		--wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
		--wp--preset--font-size--small: 13px;
		--wp--preset--font-size--medium: 20px;
		--wp--preset--font-size--large: 36px;
		--wp--preset--font-size--x-large: 42px;
		--wp--preset--spacing--20: 0.44rem;
		--wp--preset--spacing--30: 0.67rem;
		--wp--preset--spacing--40: 1rem;
		--wp--preset--spacing--50: 1.5rem;
		--wp--preset--spacing--60: 2.25rem;
		--wp--preset--spacing--70: 3.38rem;
		--wp--preset--spacing--80: 5.06rem;
		--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
		--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
		--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
		--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
		--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
	}
	:root {
		--wp--style--global--content-size: 800px;
		--wp--style--global--wide-size: 1200px;
	}

	:where(body) {
		margin: 0;
	}

	.wp-site-blocks>.alignleft {
		float: left;
		margin-right: 2em;
	}

	.wp-site-blocks>.alignright {
		float: right;
		margin-left: 2em;
	}

	.wp-site-blocks>.aligncenter {
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}

	:where(.wp-site-blocks)>* {
		margin-block-start: 24px;
		margin-block-end: 0;
	}

	:where(.wp-site-blocks)> :first-child {
		margin-block-start: 0;
	}

	:where(.wp-site-blocks)> :last-child {
		margin-block-end: 0;
	}

	:root {
		--wp--style--block-gap: 24px;
	}

	:root :where(.is-layout-flow)> :first-child {
		margin-block-start: 0;
	}

	:root :where(.is-layout-flow)> :last-child {
		margin-block-end: 0;
	}

	:root :where(.is-layout-flow)>* {
		margin-block-start: 24px;
		margin-block-end: 0;
	}

	:root :where(.is-layout-constrained)> :first-child {
		margin-block-start: 0;
	}

	:root :where(.is-layout-constrained)> :last-child {
		margin-block-end: 0;
	}

	:root :where(.is-layout-constrained)>* {
		margin-block-start: 24px;
		margin-block-end: 0;
	}

	:root :where(.is-layout-flex) {
		gap: 24px;
	}

	:root :where(.is-layout-grid) {
		gap: 24px;
	}

	.is-layout-flow>.alignleft {
		float: left;
		margin-inline-start: 0;
		margin-inline-end: 2em;
	}

	.is-layout-flow>.alignright {
		float: right;
		margin-inline-start: 2em;
		margin-inline-end: 0;
	}

	.is-layout-flow>.aligncenter {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.is-layout-constrained>.alignleft {
		float: left;
		margin-inline-start: 0;
		margin-inline-end: 2em;
	}

	.is-layout-constrained>.alignright {
		float: right;
		margin-inline-start: 2em;
		margin-inline-end: 0;
	}

	.is-layout-constrained>.aligncenter {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: var(--wp--style--global--content-size);
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.is-layout-constrained>.alignwide {
		max-width: var(--wp--style--global--wide-size);
	}

	body .is-layout-flex {
		display: flex;
	}

	.is-layout-flex {
		flex-wrap: wrap;
		align-items: center;
	}

	.is-layout-flex> :is(*, div) {
		margin: 0;
	}

	body .is-layout-grid {
		display: grid;
	}

	.is-layout-grid> :is(*, div) {
		margin: 0;
	}

	body {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	a:where(:not(.wp-element-button)) {
		text-decoration: underline;
	}

	:root :where(.wp-element-button, .wp-block-button__link) {
		background-color: #32373c;
		border-width: 0;
		color: #fff;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		padding: calc(0.667em + 2px) calc(1.333em + 2px);
		text-decoration: none;
	}

	.has-black-color {
		color: var(--wp--preset--color--black) !important;
	}

	.has-cyan-bluish-gray-color {
		color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}

	.has-white-color {
		color: var(--wp--preset--color--white) !important;
	}

	.has-pale-pink-color {
		color: var(--wp--preset--color--pale-pink) !important;
	}

	.has-vivid-red-color {
		color: var(--wp--preset--color--vivid-red) !important;
	}

	.has-luminous-vivid-orange-color {
		color: var(--wp--preset--color--luminous-vivid-orange) !important;
	}

	.has-luminous-vivid-amber-color {
		color: var(--wp--preset--color--luminous-vivid-amber) !important;
	}

	.has-light-green-cyan-color {
		color: var(--wp--preset--color--light-green-cyan) !important;
	}

	.has-vivid-green-cyan-color {
		color: var(--wp--preset--color--vivid-green-cyan) !important;
	}

	.has-pale-cyan-blue-color {
		color: var(--wp--preset--color--pale-cyan-blue) !important;
	}

	.has-vivid-cyan-blue-color {
		color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}

	.has-vivid-purple-color {
		color: var(--wp--preset--color--vivid-purple) !important;
	}

	.has-black-background-color {
		background-color: var(--wp--preset--color--black) !important;
	}

	.has-cyan-bluish-gray-background-color {
		background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}

	.has-white-background-color {
		background-color: var(--wp--preset--color--white) !important;
	}

	.has-pale-pink-background-color {
		background-color: var(--wp--preset--color--pale-pink) !important;
	}

	.has-vivid-red-background-color {
		background-color: var(--wp--preset--color--vivid-red) !important;
	}

	.has-luminous-vivid-orange-background-color {
		background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
	}

	.has-luminous-vivid-amber-background-color {
		background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
	}

	.has-light-green-cyan-background-color {
		background-color: var(--wp--preset--color--light-green-cyan) !important;
	}

	.has-vivid-green-cyan-background-color {
		background-color: var(--wp--preset--color--vivid-green-cyan) !important;
	}

	.has-pale-cyan-blue-background-color {
		background-color: var(--wp--preset--color--pale-cyan-blue) !important;
	}

	.has-vivid-cyan-blue-background-color {
		background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}

	.has-vivid-purple-background-color {
		background-color: var(--wp--preset--color--vivid-purple) !important;
	}

	.has-black-border-color {
		border-color: var(--wp--preset--color--black) !important;
	}

	.has-cyan-bluish-gray-border-color {
		border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
	}

	.has-white-border-color {
		border-color: var(--wp--preset--color--white) !important;
	}

	.has-pale-pink-border-color {
		border-color: var(--wp--preset--color--pale-pink) !important;
	}

	.has-vivid-red-border-color {
		border-color: var(--wp--preset--color--vivid-red) !important;
	}

	.has-luminous-vivid-orange-border-color {
		border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
	}

	.has-luminous-vivid-amber-border-color {
		border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
	}

	.has-light-green-cyan-border-color {
		border-color: var(--wp--preset--color--light-green-cyan) !important;
	}

	.has-vivid-green-cyan-border-color {
		border-color: var(--wp--preset--color--vivid-green-cyan) !important;
	}

	.has-pale-cyan-blue-border-color {
		border-color: var(--wp--preset--color--pale-cyan-blue) !important;
	}

	.has-vivid-cyan-blue-border-color {
		border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
	}

	.has-vivid-purple-border-color {
		border-color: var(--wp--preset--color--vivid-purple) !important;
	}

	.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
		background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
	}

	.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
		background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
	}

	.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
		background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
	}

	.has-luminous-vivid-orange-to-vivid-red-gradient-background {
		background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
	}

	.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
		background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
	}

	.has-cool-to-warm-spectrum-gradient-background {
		background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
	}

	.has-blush-light-purple-gradient-background {
		background: var(--wp--preset--gradient--blush-light-purple) !important;
	}

	.has-blush-bordeaux-gradient-background {
		background: var(--wp--preset--gradient--blush-bordeaux) !important;
	}

	.has-luminous-dusk-gradient-background {
		background: var(--wp--preset--gradient--luminous-dusk) !important;
	}

	.has-pale-ocean-gradient-background {
		background: var(--wp--preset--gradient--pale-ocean) !important;
	}

	.has-electric-grass-gradient-background {
		background: var(--wp--preset--gradient--electric-grass) !important;
	}

	.has-midnight-gradient-background {
		background: var(--wp--preset--gradient--midnight) !important;
	}

	.has-small-font-size {
		font-size: var(--wp--preset--font-size--small) !important;
	}

	.has-medium-font-size {
		font-size: var(--wp--preset--font-size--medium) !important;
	}

	.has-large-font-size {
		font-size: var(--wp--preset--font-size--large) !important;
	}

	.has-x-large-font-size {
		font-size: var(--wp--preset--font-size--x-large) !important;
	}

	:root :where(.wp-block-pullquote) {
		font-size: 1.5em;
		line-height: 1.6;
	}
	:root {
		--tuwp-primary: #0ea5e9;
		--tuwp-primary-hover: #0284c7;
		--tuwp-grad-from: #0284c7;
		--tuwp-grad-via: #0ea5e9;
		--tuwp-grad-to: #22d3ee;
	}
	.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
	.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
		background-image: none !important;
	}

	@media screen and (max-height: 1024px) {

		.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
		.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
			background-image: none !important;
		}
	}

	@media screen and (max-height: 640px) {

		.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
		.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
			background-image: none !important;
		}
	}
	/* ====== Scoped styles (namespace: .indowebdigital-navbar) ====== */
	.indowebdigital-navbar,
	.indowebdigital-navbar * {
		box-sizing: border-box;
	}

	.indowebdigital-navbar {
		--brand: #1f3e95;
		--text: #0f172a;
		/* slate-800-ish */
		--text-2: #334155;
		/* slate-700-ish */
		--muted: #64748b;
		/* slate-500-ish */
		--border: #e2e8f0;
		/* slate-200-ish */
		--bg: #ffffff;
		--bg-soft: rgba(255, 255, 255, .9);
		position: relative;
		z-index: 50;
		font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
		top:-10px;
		transition: transform 0.3s ease; /* durasi + easing */
	}
	
	.indowebdigital-navbar header {
		position: sticky;
		top: 0;
		background: var(--bg-soft);
		border-bottom: 1px solid var(--border);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		padding-top:5px;
		padding-bottom:5px;
	}

	.indowebdigital-navbar .container {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 16px;
	}

	.indowebdigital-navbar .row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		height: 64px;
	}

	.indowebdigital-navbar a {
		color: inherit;
		text-decoration: none;
	}

	.indowebdigital-navbar .brand {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		flex-shrink: 0;
		color: var(--text);
		font-weight: 900;
		letter-spacing: -0.01em;
		font-size: 20px;
	}

	/* Desktop nav */
	.indowebdigital-navbar nav.desktop {
		display: none;
		align-items: center;
		gap: 15px;
	}

	.indowebdigital-navbar .nav-link,
	.indowebdigital-navbar .dropdown-toggle {
		padding: 6px 8px;
		font-size: 14px;
		font-weight: 600;
		color: var(--text-2);
	}

	.indowebdigital-navbar .nav-link:hover,
	.indowebdigital-navbar .dropdown-toggle:hover {
		color: var(--text);
	}

	/* Dropdown */
	.indowebdigital-navbar .dropdown {
		position: relative;
	}

	.indowebdigital-navbar .dropdown-toggle {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		border: 0;
		background: transparent;
		cursor: pointer;
	}

	.indowebdigital-navbar .dropdown svg {
		width: 16px;
		height: 16px;
		color: var(--muted);
		transition: color .2s ease;
	}

	.indowebdigital-navbar .dropdown:hover svg,
	.indowebdigital-navbar .dropdown:focus-within svg {
		color: var(--text-2);
	}

	.indowebdigital-navbar .dropdown-menu {
		position: absolute;
		left: 0;
		top: calc(100% + 8px);
		width: 256px;
		background: var(--bg);
		border: 1px solid var(--border);
		border-radius: 16px;
		padding: 8px;
		box-shadow: 0 10px 30px rgba(15, 23, 42, .08);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-4px);
		transition: all .18s ease;
	}

	.indowebdigital-navbar .dropdown:hover .dropdown-menu,
	.indowebdigital-navbar .dropdown:focus-within .dropdown-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.indowebdigital-navbar .dropdown-item {
		display: block;
		padding: 8px 12px;
		border-radius: 12px;
		font-size: 14px;
		color: var(--text-2);
	}

	.indowebdigital-navbar .dropdown-item:hover {
		background: #f8fafc;
	}

	/* Right actions */
	.indowebdigital-navbar .actions {
		display: none;
		align-items: center;
		gap: 12px;
	}

	.indowebdigital-navbar .btn {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		border-radius: 999px;
		padding: 10px 16px;
		font-size: 14px;
		font-weight: 700;
		transition: filter .2s ease, background .2s ease;
	}

	.indowebdigital-navbar .btn-outline {
		border: 1px solid var(--brand);
		color: var(--brand);
		background: transparent;
	}

	.indowebdigital-navbar .btn-outline:hover {
		background: rgba(31, 62, 149, .06);
	}

	.indowebdigital-navbar .btn-primary {
		background: var(--brand);
		color: #fff;
		box-shadow: 0 4px 16px rgba(31, 62, 149, .2);
	}

	.indowebdigital-navbar .btn-primary:hover {
		filter: brightness(1.08);
	}

	/* Mobile toggler */
	.indowebdigital-navbar .toggler {
		display: inline-flex;
		width: 36px;
		height: 36px;
		align-items: center;
		justify-content: center;
		border: 1px solid var(--border);
		border-radius: 10px;
		background: var(--bg);
		color: var(--text-2);
	}

	.indowebdigital-navbar .icon {
		width: 20px;
		height: 20px;
	}

	.indowebdigital-navbar .hidden {
		display: none !important;
	}

	/* Mobile menu */
	.indowebdigital-navbar .mobile {
		display: block;
		border-top: 1px solid var(--border);
		background: var(--bg);
	}

	.indowebdigital-navbar .mobile .inner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 12px 16px;
	}

	.indowebdigital-navbar .mobile nav {
		display: block;
	}

	.indowebdigital-navbar details {
		border-radius: 12px;
	}

	.indowebdigital-navbar summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		list-style: none;
		cursor: pointer;
		padding: 10px 12px;
		border-radius: 12px;
		font-size: 14px;
		font-weight: 600;
		color: var(--text-2);
	}

	.indowebdigital-navbar summary::-webkit-details-marker {
		display: none;
	}

	.indowebdigital-navbar .rotate {
		transition: transform .2s ease;
	}

	.indowebdigital-navbar details[open] .rotate {
		transform: rotate(180deg);
	}

	.indowebdigital-navbar .group-box {
		margin-top: 6px;
		border: 1px solid var(--border);
		border-radius: 12px;
		padding: 8px;
	}

	.indowebdigital-navbar .mobile-link {
		display: block;
		padding: 8px 12px;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 600;
		color: var(--text-2);
	}

	.indowebdigital-navbar .mobile-link:hover {
		background: #f8fafc;
	}

	.indowebdigital-navbar .mobile-actions {
		margin-top: 8px;
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.indowebdigital-navbar .btn-center {
		justify-content: center;
	}

	/* SVG helpers */
	.indowebdigital-navbar .svg-16 {
		width: 16px;
		height: 16px;
	}
	.indowebdigital-navbar .brand img {
		width:230px;
	}

	/* Responsive (>=1024px) */
	@media (min-width: 1024px) {
		.indowebdigital-navbar nav.desktop {
			display: flex;
		}

		.indowebdigital-navbar .actions {
			display: flex;
		}

		.indowebdigital-navbar .toggler {
			display: none;
		}

		.indowebdigital-navbar .mobile {
			display: none;
		}

		.indowebdigital-navbar .row {
			gap: 24px;
		}

		.indowebdigital-navbar .brand {
			font-size: 22px;
		}

		.indowebdigital-navbar .desktop .spacer {
			width: 4px;
			height: 4px;
		}

		.indowebdigital-navbar .dropdown-menu {
			border-radius: 20px;
		}
	}
	.indowebdigital-navbar .dropdown svg {
		margin-top: 3px;
	}
	.indowebdigital-navbar .btn {
		padding: 8px 16px 10px 16px;
	}
	.toggler {
		background: none;
		border: 0;
		cursor: pointer;
		padding: .5rem;
		color: #002859;
	}

	.icon {
		width: 24px;
		height: 24px;
		stroke-width: 2;
	}

	.hidden {
		display: none;
	}
	/* ===== Scoped Styles: .indowebdigital-footer ===== */
	.indowebdigital-footer,
	.indowebdigital-footer * {
		box-sizing: border-box;
	}

	.indowebdigital-footer {
		--bg: #0b1220;
		--bg-overlay: rgba(2, 6, 23, .95);
		/* slate-900/95-ish */
		--text: #e2e8f0;
		/* slate-200 */
		--muted: #cbd5e1;
		/* slate-300 */
		--muted-2: #94a3b8;
		/* slate-400 */
		--ring: rgba(255, 255, 255, .10);
		--card: rgba(255, 255, 255, .06);
		--brand: #0ea5e9;
		/* sky-500/600 */
		--indigo: #6366f1;
		--emerald: #10b981;
		color: var(--text);
		position: relative;
		overflow: hidden;
		background: #020617;
		/* base dark */
	}

	/* Background gradients */
	.indowebdigital-footer .bg-wrap {
		pointer-events: none;
		position: absolute;
		inset: 0;
		z-index: 0;
	}

	.indowebdigital-footer .bg-a,
	.indowebdigital-footer .bg-b {
		position: absolute;
		inset: 0;
	}

	.indowebdigital-footer .bg-a {
		background:
			radial-gradient(1200px 600px at 80% 120%, rgba(2, 132, 199, 0.28), transparent 60%),
			radial-gradient(900px 500px at 10% -20%, rgba(99, 102, 241, 0.22), transparent 60%);
	}

	.indowebdigital-footer .bg-b {
		background: var(--bg-overlay);
	}

	.indowebdigital-footer .container {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 16px;
		position: relative;
		z-index: 1;
	}

	/* Grid top */
	.indowebdigital-footer .top {
		display: grid;
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 56px 0;
		padding-bottom:50px;
	}

	@media (min-width:960px) {
		.indowebdigital-footer .top {
			grid-template-columns: repeat(12, minmax(0, 1fr));
			gap: 32px;
		}

		.indowebdigital-footer .col-brand {
			grid-column: span 4;
		}

		.indowebdigital-footer .col-links {
			grid-column: span 5;
		}

		.indowebdigital-footer .col-news {
			grid-column: span 3;
		}
	}

	/* Brand */
	.indowebdigital-footer .brand {
		display: inline-flex;
		align-items: center;
		gap: 10px;
		text-decoration: none;
		color: #fff;
	}

	.indowebdigital-footer .mono {
		width: 40px;
		height: 40px;
		display: grid;
		place-items: center;
		border-radius: 14px;
		background: var(--brand);
		color: #fff;
		box-shadow: 0 10px 24px rgba(14, 165, 233, .3);
	}

	.indowebdigital-footer .mono svg {
		width: 20px;
		height: 20px;
	}

	.indowebdigital-footer .brand-name {
		font-weight: 800;
		font-size: 18px;
		letter-spacing: -0.01em;
	}

	.indowebdigital-footer .brand-text {
		margin-top: 5px;
		margin-bottom: 5px;
		max-width: 520px;
		font-size: 14px;
		color: var(--muted);
	}

	/* Socials */
	.indowebdigital-footer .socials {
		margin-top: 11px;
		margin-bottom:14px;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.indowebdigital-footer .sbtn {
		width: 35px;
		height: 35px;
		display: grid;
		place-items: center;
		border-radius: 12px;
		background: rgba(255, 255, 255, .06);
		text-decoration: none;
		border: 1px solid var(--ring);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		transition: background .2s ease, transform .2s ease;
	}

	.indowebdigital-footer .sbtn:hover {
		background: rgba(255, 255, 255, .12);
		transform: translateY(-1px);
	}

	.indowebdigital-footer .sbtn svg {
		width:17px;
		height:17px;
	}

	.indowebdigital-footer .trust {
		margin-top: 12px;
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
		font-size: 11px;
	}

	.indowebdigital-footer .pill {
		background: rgba(255, 255, 255, .06);
		border: 1px solid var(--ring);
		color: #d1fae5;
		padding: 6px 10px;
		border-radius: 10px;
		font-weight: 700;
	}

	.indowebdigital-footer .pill.sky {
		color: #bae6fd;
	}

	.indowebdigital-footer .pill.indigo {
		color: #c7d2fe;
	}

	/* Links columns */
	.indowebdigital-footer .links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 15px;
	}

	@media (min-width:640px) {
		.indowebdigital-footer .links {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
	}

	.indowebdigital-footer .lhead {
		font-size: 11px;
		letter-spacing: .12em;
		text-transform: uppercase;
		color: #94a3b8;
		font-weight: 700;
	}

	.indowebdigital-footer .llist {
		margin-top: 10px;
	}

	.indowebdigital-footer .llist a {
		display: block;
		font-size: 14px;
		color: #e2e8f0;
		text-decoration: none;
		padding: 6px 0;
		transition: color .2s ease;
	}

	.indowebdigital-footer .llist a:hover {
		color: #ffffff;
	}

	/* Newsletter card */
	.indowebdigital-footer .card {
		background: var(--card);
		border: 1px solid var(--ring);
		border-radius: 16px;
		padding: 22px 16px;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
	}

	.indowebdigital-footer .news-title {
		margin: 0;
		font-size: 14px;
		font-weight: 700;
		color: #fff;
	}

	.indowebdigital-footer .news-form {
		margin-top: 10px;
		display: flex;
		gap: 8px;
	}

	.indowebdigital-footer .news-form input[type="email"] {
		flex: 1;
		min-width: 0;
		background: rgba(255, 255, 255, .1);
		color: #fff;
		border: 1px solid rgba(255, 255, 255, .12);
		border-radius: 12px;
		padding: 10px 12px;
		font-size: 14px;
		outline: none;
		transition: border-color .2s ease, box-shadow .2s ease;
	}

	.indowebdigital-footer .news-form input::placeholder {
		color: #cbd5e1;
	}

	.indowebdigital-footer .news-form input:focus {
		border-color: var(--brand);
		box-shadow: 0 0 0 4px rgba(14, 165, 233, .25);
	}

	.indowebdigital-footer .news-form button {
		background: var(--brand);
		color: #fff;
		border: 0;
		border-radius: 12px;
		padding: 10px 14px;
		font-weight: 700;
		font-size: 14px;
		cursor: pointer;
		transition: filter .2s ease, transform .2s ease;
		box-shadow: 0 6px 16px rgba(14, 165, 233, .35);
	}

	.indowebdigital-footer .news-form button:hover {
		filter: brightness(1.05);
		transform: translateY(-1px);
	}

	.indowebdigital-footer .news-note {
		margin-top: 11px;
		font-size: 12px;
		color: #cbd5e1;
	}

	.indowebdigital-footer .contact-grid {
		margin-top: 12px;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
		font-size: 14px;
	}

	.indowebdigital-footer .contact-link {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		text-decoration: none;
		color: #e2e8f0;
		background: var(--card);
		border: 1px solid var(--ring);
		padding: 8px 12px;
		border-radius: 12px;
		transition: background .2s ease;
	}

	.indowebdigital-footer .contact-link:hover {
		background: rgba(255, 255, 255, .12);
	}

	.indowebdigital-footer .contact-link svg {
		width: 16px;
		height: 16px;
	}

	/* Divider */
	.indowebdigital-footer .divider {
		border-top: 1px solid var(--ring);
	}

	/* Bottom bar */
	.indowebdigital-footer .bottom {
		display: flex;
		flex-direction: column;
		gap: 10px;
		align-items: center;
		justify-content: space-between;
		font-size: 12px;
		color: #cbd5e1;
		padding: 16px 0;
	}

	@media (min-width:640px) {
		.indowebdigital-footer .bottom {
			flex-direction: row;
		}
	}

	.indowebdigital-footer .badges {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

	.indowebdigital-footer .badge {
		background: var(--card);
		border: 1px solid var(--ring);
		border-radius: 8px;
		padding: 4px 8px;
	}

	/* Back-to-top floating button */
	.indowebdigital-footer .btt {
		position: fixed;
		right: 20px;
		bottom: 75px;
		z-index: 40;
		width: 48px;
		height: 48px;
		display: grid;
		place-items: center;
		border-radius: 999px;
		color: #fff;
		border: 1px solid var(--ring);
		background:
			conic-gradient(var(--brand) var(--p, 0%), rgba(255, 255, 255, 0.14) 0),
			radial-gradient(circle at 50% 50%, rgba(2, 6, 23, .9) 0 60%, transparent 61%);
		box-shadow: 0 12px 24px rgba(14, 165, 233, .25);
		transition: transform .15s ease, opacity .2s ease, visibility .2s ease;
		opacity: 0;
		visibility: hidden;
		transform: translateY(8px);
	}

	.indowebdigital-footer .btt.show {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.indowebdigital-footer .btt:hover {
		transform: translateY(-2px) scale(1.03);
	}

	.indowebdigital-footer .btt svg {
		width: 20px;
		height: 20px;
		filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .4));
		margin-left:-2.5px;
	}

	.indowebdigital-footer .sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
	.indowebdigital-footer .contact-link svg {
		margin-top:2px;
	}
	.indowebdigital-footer .news-form button {
		background: #1f3e95;
	}
	.indowebdigital-footer .btt {
		background: conic-gradient(#1f3e95 var(--p, 0%), rgba(255, 255, 255, 0.14) 0), radial-gradient(circle at 50% 50%, rgba(2, 6, 23, .9) 0 60%, transparent 61%);
	}
	.indowebdigital-footer .brand img {
		width:245px;
	}