@media screen and (min-width: 768px) {
	.method .mcell .txt {
		height: 430px !important;
		min-height: 430px !important;
		box-sizing: border-box !important;
		display: flex !important;
		flex-direction: column !important;
	}
	.method .mcell .mcell-text {
		margin-bottom: 28px !important;
	}
	.method .method-learn {
		margin-top: auto !important;
		margin-bottom: 0 !important;
		align-self: flex-start !important;
	}
	.site-menu-list > li:hover .sub-menu,
	.site-menu-list > li:focus-within .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
}
@media screen and (min-width: 992px) {
	.swiper-carousel-animate-opacity {
		height: 100%;
		position: relative;
		perspective: 1000px;
	}
	.before-after-wrap {
		position: absolute;
		inset: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: transform 0.6s;
		transition: transform 0.6s;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.before-wrap {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.swiper-slide-active .swiper-carousel-animate-opacity:hover .before-wrap {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
	.swiper-slide-active .swiper-carousel-animate-opacity:hover .after-wrap {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}
	.card-media {
		-webkit-transition:all 0.8s ease;
		transition:all 0.8s ease;
	}
	.mcell:hover .card-media {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.faq summary:hover {
		color: #FFDB13;
	}
}
@media screen and (max-width: 991px) {
	.swiper-carousel-animate-opacity {
		background: #fff;
		display: flex;
		height: 100%;
		border-radius: 20px;
		gap: 4px;
	}
	.swiper-carousel .swiper-slide {
		width: 100%;
	}
	.before-after-wrap {
		position: relative;
		flex: 1;
	}
	.before-wrap .swiper-carousel-item-img {
		border-radius: 20px 26px 0 20px;
	}
	.after-wrap .swiper-carousel-item-img {
		border-radius: 26px 20px 20px 0;
	}
	.before-wrap .swiper-item-small-logo {
		display: none;
	}
	.before-wrap .before-after-tag {
		top: 50%;
		left: auto;
		right: -28px;
		margin: -9px 0 0 0;
	}
	.after-wrap .before-after-tag {
		top: auto;
		bottom: 50%;
		left: -14px;
		margin: 0 0 -8px 0;
	}
	.swiper-item-small-logo {
		display: block;
		background: none;
		width: 13px;
		height: auto;
		top: 3px;
		right: 100%;
		margin: 0 -5px 0 0;
		border-radius: 0;
	}
	.swiper-item-small-logo-img {
		width: 100%;
		height: auto;
	}
	.plan-text {
		margin: 0 auto;
	}
	.phone {
		margin: 0 auto;
	}
	.bento-item,
	.b-load {
		width: calc(50% - 5px);
	}
	.bento-item {
		min-height: 260px;
	}
	.bento-item.b-big {
		width: 100%;
	}
	.bento-item:nth-child(1) {
		order: 1;
	}
	.bento-item:nth-child(2) {
		order: 2;
	}
	.bento-item:nth-child(3) {
		order: 4;
	}
	.bento-item:nth-child(4) {
		order: 3;
	}
	.bento-item:nth-child(5) {
		order: 5;
	}
}
@media screen and (max-width: 782px) {
	#wp-admin-bar-wpseo-menu,
	#wp-admin-bar-my-account {
		overflow: hidden;
	}
	#wp-admin-bar-edit ~ li {
		display: none !important;
	}
	.admin-bar header {
		top: 46px;
	}
}
@media screen and (max-width: 767px) {
	body {
		padding-top: 46px;
	}
	.wrap1200 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		z-index: 2000;
		height: 66px;
		background: #101722;
		border-bottom: 0;
		transition: background 0.22s ease, box-shadow 0.22s ease, backdrop-filter 0.22s ease, -webkit-backdrop-filter 0.22s ease;
	}
	header.is-scrolled {
		background: rgba(13, 33, 58, 0.78);
		-webkit-backdrop-filter: blur(18px) saturate(1.35);
		backdrop-filter: blur(18px) saturate(1.35);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	}
	.nav {
		padding: 0 24px;
		height: 66px;
		position: relative;
		z-index: 100;
		align-items: center;
	}
	.brand .logo-svg {
		height: 20px;
	}
	.nav-right {
		display: contents;
	}
	.nav .cta-pill {
		display: none;
	}
	.hamburger {
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border: 0;
		border-radius: 0;
		width: 30px;
		height: 30px;
		cursor: pointer;
		flex-shrink: 0;
	}
	.hamburger svg {
		width: 22px;
		height: 22px;
	}
	.site-menu {
		display: block;
		position: absolute;
		left: 16px;
		right: 16px;
		top: 72px;
		width: auto;
		z-index: 1200;
		border-radius: 8px;
		background: #202a36;
		border: 1px solid rgba(255, 255, 255, 0.08);
		box-shadow: 0 24px 56px rgba(0, 0, 0, 0.42);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);
		transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s ease 0.24s;
	}
	header.is-menu-open .site-menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition: opacity 0.24s ease, transform 0.24s ease, visibility 0s ease 0s;
	}
	.site-menu-list > li {
		width: 100%;
	}
	.site-menu-list > li > a {
		display: none;
	}
	.site-menu-list > li.menu-item-has-children > a::after {
		display: none;
	}
	.sub-menu {
		position: static;
		transform: none;
		width: 100%;
		margin: 0;
		background: none;
		border: 0;
		box-shadow: none;
		max-height: calc(100vh - 82px);
	}
	header.is-menu-open .sub-menu {
		opacity: 1;
		visibility: visible;
	}
	.sub-menu .menu-link {
		padding: 14px 13px;
	}
	.sub-menu li:first-child .menu-link {
		background: rgba(252, 223, 8, 0.07);
		color: var(--dandelion);
	}
	.hero {
		padding: 90px 0 0 0 !important;
		min-height: calc(100svh - 46px);
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}
	.hero:has(.ratings) {
		min-height: calc(100svh + 46px);
	}
	.site-menu-list > li > .menu-link,
	.sub-menu::before,
	.herobg,
	.hero .herobg-fade,
	.hero .glow {
		display: none !important;
	}
	.hero-video-mobile {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		object-fit: cover;
		object-position: center top;
	}
	.hero::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(180deg, rgba(16, 23, 34, 0) 62%, rgba(16, 23, 34, 0.55) 86%, #101722 100%);
		z-index: 1;
		pointer-events: none;
	}
	.hero-content {
		position: relative;
		z-index: 2;
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px calc(9px + env(safe-area-inset-bottom));
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0;
		text-align: center;
	}
	.hero .ratings {
		order: 5;
		width: 320px;
		max-width: 100%;
		height: auto;
		max-height: none;
		margin: 40px 0 0;
	}
	.hero .hero-title {
		order: 2;
		font-family: 'Montserrat', system-ui, sans-serif !important;
		font-size: 28px !important;
		line-height: var(--mobile-heading-lh, 1) !important;
		width: 100vw !important;
		max-width: none;
		margin: 0 0 10px !important;
	}
	.hero .hero-title span {
		position: relative;
		left: 50%;
		width: max-content;
		max-width: none;
		white-space: nowrap;
		transform: translateX(-50%);
	}
	.hero .sub {
		order: 3;
		width: auto;
		max-width: 319px;
		margin: 0 0 20px;
		font-size: 13px;
		line-height: var(--mobile-sub-lh, 1.385);
		font-weight: 600;
	}
	.hero .sub b {
		font-weight: 700;
	}
	.hero .stores {
		order: 1;
		gap: 16px;
		width: 100%;
		margin: 0 0 20px;
	}
	.hero .stores .store-logo {
		width: min(118px, calc((100vw - 56px)/2));
	}
	.hero .cta-pill {
		order: 4;
		width: 100%;
		max-width: 330px;
		height: 60px;
		margin-top: 0;
		font-size: 18px;
	}
	.featured {
		height: auto;
		min-height: 334px;
		padding: 65px 30px;
		gap: 20px;
		background: #101722;
		justify-content: flex-start;
	}
	.featured .eyebrow {
		display: block;
		margin: 0;
		color: #d3d3d3;
		font-size: 16px;
		line-height: 1.25;
		font-weight: 700;
		letter-spacing: 2.56px;
		text-align: center;
	}
	.logos {
		gap: 16px 20px;
		padding: 0 24px;
	}
	.logo-sprite {
		background-size: 940px 54.8px;
	}
	.lg-img-usa {
		width: 64px;
		height: 37px;
		background-position: -26px -9px;
	}
	.lg-img-ms {
		width: 63px;
		height: 50px;
		background-position: -142px -2px;
	}
	.lg-img-nyt {
		width: 285px;
		height: 42px;
		background-position: -262px -7px;
	}
	.lg-img-mf {
		width: 162px;
		height: 44px;
		background-position: -587px -5px;
	}
	.lg-img-wh {
		width: 154px;
		height: 34px;
		background-position: -775px -8px;
	}
	.section {
		padding: 56px 0;
		overflow: hidden;
	}
	.sec-title {
		padding: 0 20px;
	}
	h2,
	.h2 {
		font-size: 28px;
		width: 100% !important;
		word-break: break-word;
		overflow-wrap: break-word;
	}
	.method .h2,
	.plan-title {
		font-size: 30px !important;
	}
	.progress {
		left: auto;
		width: 100%;
		transform: none;
	}
	.tcard {
		width: min(320px, calc(100vw - 48px));
	}
	.plan .wrap1200 {
		flex-direction: column;
	}
	.plan-text {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	.plan-p-wrap {
		display: flex;
		font-size: 15px;
		width: 100%;
		flex-direction: column;
	}
	.plan-text ul {
		text-align: left;
		margin: 30px auto;
		gap: 10px;
	}
	.phone {
		width: 260px;
		height: 551px;
		border-radius: 34px;
		border-width: 5px;
		padding: 5px;
		margin-top: 50px;
		box-shadow: 0 0 0 1px #383838;
	}
	.phone__screen {
		width: 100%;
		height: 100%;
		border-radius: 28px;
	}
	.phone__screen .phone-video {
		width: 100%;
		height: 100%;
		margin: 0;
	}
	.journey {
		padding: 44px 0 38px;
		background: #101722;
		position: relative;
		overflow: hidden;
	}
	.journey .sec-title {
		display: block;
		width: auto !important;
		margin: 0 24px 28px;
		font-size: 34px;
		line-height: 1.059;
	}
	.swiper-carousel-wrap .prev::after,
	.swiper-carousel-wrap .next::after {
		background-size: 26px;
	}
	.journey .swiper-carousel-wrap .prev,
	.journey .swiper-carousel-wrap .next,
	.progress .swiper-carousel-wrap .prev,
	.progress .swiper-carousel-wrap .next {
		display: none;
	}
	.progress .swiper-carousel-wrap .swiper-slide {
		width: 80%;
		max-width: 340px;
		padding: 20px;
	}
	.swiper-carousel {
		height: 89.4vw;
		padding-top: 30px;
	}
	.powered {
		font-size: 15px;
		line-height: 1.333;
		margin-top: 16px;
		padding: 0 24px;
	}
	.progress .swiper-pagination,
	.gallery-section .swiper-pagination {
		margin-top: 16px;
	}
	.gallery-swiper-wrap .prev,
	.gallery-swiper-wrap .next {
		display: none;
	}
	.gcard {
		width: 260px;
		height: 380px;
	}
	.gcard .gcard-title {
		font-size: 28px;
		line-height: 1;
	}
	.gcard .gcard-text {
		font-size: 13px;
	}
	.b-big,
	.b-load,
	.b-track,
	.b-built,
	.b-way {
		border-radius: 14px;
	}
	.b-big .n {
		font-size: 42px;
		line-height: 1;
		word-break: break-word;
	}
	.b-big .row {
		flex-direction: column;
		gap: 4px;
		padding-top: 8px;
	}
	.b-big .big-title {
		font-size: 28px;
		line-height: 1.143;
	}
	.b-big .big-text {
		width: 100%;
		font-size: 16px;
		line-height: 1.25;
	}
	.tile {
		height: auto !important;
		min-height: 270px;
		padding: 30px 20px;
		justify-content: flex-start;
		gap: 18px;
	}
	.tile .tile-title {
		line-height: 1.147;
		letter-spacing: 0;
		overflow-wrap: break-word;
	}
	.tile .hr {
		margin: 8px 0 14px;
	}
	.tile .tile-text {
		max-width: 100%;
		font-size: 17px;
		line-height: 1.412;
	}
	.bars {
		height: 58px;
		margin-top: auto;
	}
	.imgtile .lbl {
		line-height: 1.147;
		letter-spacing: 0;
	}
	.imgtile .cap {
		position: absolute;
		left: 22px;
		right: 22px;
		bottom: 22px;
		padding: 0;
	}
	.imgtile .way-text {
		max-width: 100%;
		font-size: 14px;
		line-height: 1.429;
	}
	.method {
		padding: 56px 0;
		overflow: hidden;
		background: #252f3b;
	}
	.method-content {
		padding: 0 20px;
	}
	.method .eye {
		margin-bottom: 18px;
	}
	.method .eye .eye-text {
		font-size: 11px;
		line-height: 1.273;
		letter-spacing: 2.8px;
	}
	.method .eye .dash {
		width: 20px;
	}
	.method .h2 {
		font-size: 34px !important;
		line-height: 1.059 !important;
		margin-bottom: 16px;
	}
	.method .lead {
		width: 100%;
		max-width: 333px;
		font-size: 14px;
		line-height: 1.429;
	}
	.mgrid {
		display: flex;
		gap: 16px;
		margin-top: 30px;
		padding: 0 4px 4px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		border-left: none;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.method .transformation-arrow,
	.mgrid::-webkit-scrollbar {
		display: none;
	}
	.mcell {
		position: relative;
		flex: 0 0 min(300px, calc(100vw - 72px));
		height: 360px;
		border: 1px solid rgba(255, 255, 255, 0.08);
		border-radius: 14px;
		overflow: hidden;
		background: #171e28;
		display: block;
		scroll-snap-align: center;
		cursor: pointer;
		transition: transform 0.42s ease, border-color 0.2s ease, box-shadow 0.2s ease;
	}
	.mcell:focus-visible {
		border-color: var(--dandelion);
		box-shadow: 0 0 0 3px rgba(252, 223, 8, 0.28);
	}
	.mcell::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(180deg, rgba(10, 14, 20, 0.08) 0%, rgba(10, 14, 20, 0.3) 40%, rgba(10, 14, 20, 0.92) 100%);
		transition: background 0.32s ease;
	}
	.mcell .mcell-img-wrap {
		position: absolute;
		inset: 0;
		z-index: -1;
		aspect-ratio: unset;
	}
	.mcell .txt {
		background: rgba(0, 0, 0, 0.4);
		position: relative;
		z-index: 2;
		height: 100%;
		padding: 22px;
		overflow: auto;
		display: flex;
		flex-direction: column;
	}
	.mcell .mcell-title {
		margin: 0;
		color: #fff;
		font-size: 25px;
		line-height: 1.12;
		letter-spacing: 0;
	}
	.mcell .hr {
		width: 30px;
		margin: 16px 0 0;
	}
	.mcell .mcell-text {
		display: none;
		color: #d3d3d3;
		font-size: 16px;
		line-height: 1.375;
		margin-top: 18px;
	}
	.mcell .txt::after {
		display: none;
	}
	.mcell.is-open {
		transform: translateY(-4px);
		border-color: rgba(252, 223, 8, 0.28);
		box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
	}
	.mcell.is-open::before {
		background: #171e28;
	}
	.mcell.is-open .card-media {
		opacity: 0.1;
		transform: scale(1.04);
	}
	.mcell.is-open .txt {
		justify-content: flex-start;
	}
	.mcell.is-open .mcell-text {
		display: block;
	}
	.mcell.is-open .method-learn {
		display: none;
	}
	.mcell.is-open .txt::after {
		display: none;
	}
	.faq-list {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.faq summary {
		font-size: 14px;
		height: auto;
		min-height: 56px;
		display: flex;
		align-items: center;
	}
	.faq-panel p {
		font-size: 14px;
	}
	.cta {
		padding: 60px 20px;
		min-height: auto;
	}
	.cta .h2 {
		font-size: 30px;
	}
	.cta .sub {
		font-size: 15px;
	}
	.cta .cta-pill {
		width: 100%;
		max-width: 280px;
	}
	footer {
		height: auto;
		padding-bottom: 40px;
	}
	.foot {
		flex-direction: column;
		gap: 28px;
		padding: 32px 20px 0;
	}
}
@media screen and (max-width: 599px) {
	.bento-item {
		width: 100%;
	}
}
@media (hover:hover) and (pointer:fine){
	.transformation-card:hover .before-image {
		opacity: 1;
	}
	.transformation-card.is-active:hover {
		transform: translateX(calc(-50% + (var(--offset) * var(--slide-gap)))) translateY(-6px) scale(1);
	}
	.cta-pill:hover,
	.btn-main:hover {
		transform: translateY(-3px);
		filter: saturate(1.08);
		box-shadow: 0 0 36px rgba(255,209,1,.42);
	}
	.cta-pill:hover::after {
		transform: translateX(65%) rotate(8deg);
	}
	.store:hover,
	.tcard:hover,
	.gcard:hover,
	.tile:hover,
	.b-big:hover,
	.imgtile:hover,
	.jcard:hover,
	.journey-full-card:hover,
	.phone:hover {
		transform: translateY(-7px);
	}
	.gcard:hover img,
	.b-big:hover img,
	.imgtile:hover img,
	.journey-full-card:hover img {
		transform: scale(1.045);
		filter: saturate(1.08);
	}
	.mcell:hover img {
		transform: scale(1.04);
	}
}