html{scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}}
body{background-color: #F9F9F9; font-family: "proxima-nova",sans-serif; font-size: 16px; line-height: 20px; color: #211D1E;}
#wrapper, .qmx-page{background: #F9F9F9;}

.width-1280{max-width: 1280px; width: 100%;}
.width-1336{max-width: 1336px; width: 100%;}
.w-100{width: 100%;}
.mx-auto{margin: 0 auto;}
.d-flex{display: flex;}
.justify-content-between{justify-content: space-between;}
.align-items-center{align-items: center;}

.qmx-page{padding-bottom: 80px;}
.qmx-page h1, .qmx-page h2, .qmx-page h3, .qmx-page h4{font-family: "futura_md_btbold" !important; color: #211D1E; font-weight: 700; margin: 0; padding: 0;}
.qmx-page h1{font-size: 48px; line-height: 1.25;}
.qmx-page h2{font-size: 40px; line-height: 1.25;}
.qmx-page h3{font-size: 32px; line-height: 1.25;}
.qmx-page h4{font-size: 24px; line-height: 1.1;}
.font-24{font-size: 24px; line-height: 1.25;}
.font-18{font-size: 18px; line-height: 1.25;}
.font-italic{font-style: italic;}
.qmx-tagline{font-family: "futura-pt",sans-serif; font-size: 14px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em;}
.text-color-600{color: #7A7778;}

.qmx-page .btn{padding: 12px 24px; font-family: "proxima-nova",sans-serif; font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.qmx-page .btn:hover, .qmx-page .btn:focus{transition: all 0.3s ease; margin-top: 0; margin-bottom: 4px; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}

.qmx-page .btn-cta{font-family: "futura_md_btbold" !important; background: linear-gradient(to bottom right, #36A3DC, #2A3790); color: #fff !important; border: none !important;}
.qmx-page .btn-cta:hover, .qmx-page .btn-cta:focus{background: linear-gradient(to bottom right, #2A3790, #36A3DC); color: #fff !important; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}

.qmx-page .hero-btn-primary, .qmx-page .btn-black{background: #211D1E; color: #fff !important; border: none !important;}
.qmx-page .hero-btn-primary:hover, .qmx-page .hero-btn-primary:focus, .qmx-page .btn-black:hover, .qmx-page .btn-black:focus{background: #4D4A4B; color: #fff !important; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}
.qmx-page .hero-btn-secondary{background: transparent; border: 1px solid #fff !important; color: #fff !important;}
.qmx-page .hero-btn-secondary:hover, .qmx-page .hero-btn-secondary:focus{background: rgba(255, 255, 255, 0.1); border: 1px solid #fff !important; color: #fff !important; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}

.qmx-page .btn-white{background: #fff; border: 2px solid #211D1E !important; color: #211D1E !important;}
.qmx-page .btn-white:hover, .qmx-page .btn-white:focus{background: #E9E8E8; border: 2px solid #211D1E !important; color: #211D1E !important; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}

.qmx-page .btn-gray{background: #f9f9f9; border: 1px solid transparent !important; color: #211D1E !important;}
.qmx-page .btn-gray:hover, .qmx-page .btn-gray:focus{background: #E9E8E8; border: 1px solid transparent !important; color: #211D1E !important; -webkit-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2); box-shadow: 0 4px 8px 0 rgba(55, 52, 53, 0.2);}


.qmx-text-link, .qmx-text-link-underline{font-size: 18px; line-height: 24px; font-weight: 600; color: #211D1E; display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.qmx-text-link{border-bottom: 1px solid transparent;}
.qmx-text-link:hover, .qmx-text-link:focus{border-bottom: 1px solid #211D1E;}
.qmx-text-link:hover, .qmx-text-link:focus, .qmx-text-link-underline:hover, .qmx-text-link-underline:focus{color: #4D4A4B; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.qmx-text-link-underline{border-bottom: 1px solid #211D1E;}
.qmx-text-link-underline:hover, .qmx-text-link-underline:focus{border-bottom: 1px solid transparent;}
.qmx-text-link span, .qmx-text-link-underline span{display: inline-block; width: 24px; height: 24px; background: url("../images/new/qmx/icon/arrow-right.svg") no-repeat center / contain; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.qmx-text-link-underline:hover span, .qmx-text-link-underline:focus span, .qmx-text-link:hover span, .qmx-text-link:focus span{background: url("../images/new/qmx/icon/arrow-right-hover.svg") no-repeat center / contain;}


.pt-240{padding-top: 240px;}
.pt-160{padding-top: 160px;}
.ptb-120{padding-top: 120px; padding-bottom: 120px;}
.mtb-120{margin: 120px auto;}
.gradient-text{background: linear-gradient(to right, #2A3790, #36A3DC, #66C8CE);
-webkit-background-clip: text; background-clip: text; width: fit-content;
-webkit-text-fill-color: transparent; color: transparent; }

.header-section{
	background: url("../images/new/qmx/hero-bg.png") no-repeat center / 100% auto,
		linear-gradient(to right, #2A3790, #36A3DC, #66C8CE);
	background-blend-mode: screen;
	overflow: hidden;
	position: relative;
}
.top-section{position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 16px 0; background: transparent; border-bottom: 1px solid transparent; -moz-transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; -webkit-transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;}
.top-section a.logo{display: inline-block; text-decoration: none;}
.qmx-page [id]:not(#top){scroll-margin-top: 104px;}
.top-section .wrap{position: relative; z-index: 1;}
.top-section.is-scrolled, .top-section.is-open{background: #fff; border-bottom: 1px solid #E9E8E8;}
.top-section.is-hidden{transform: translateY(-100%); pointer-events: none;}
.qmx-logo-dark{display: none;}
.top-section.is-scrolled .qmx-logo-white, .top-section.is-open .qmx-logo-white{display: none;}
.top-section.is-scrolled .qmx-logo-dark, .top-section.is-open .qmx-logo-dark{display: block;}
.qmx-menu ul{gap: 24px; margin: 0; padding: 0;}
.qmx-menu li{font-size: 16px; line-height: 20px; font-family: "futura_md_btbold";}
.qmx-menu li a{color: #2A3790; padding: 4px 0; border-bottom: 1px solid transparent; -moz-transition: color 0.3s ease, border-color 0.3s ease; -webkit-transition: color 0.3s ease, border-color 0.3s ease; transition: color 0.3s ease, border-color 0.3s ease;}
.qmx-menu li a:hover, .qmx-menu li a:focus{color: #36A3DC; border-bottom: 1px solid #36A3DC;}
.qmx-menu li.btn-top{flex-shrink: 0;}
.qmx-page .qmx-menu li.btn-top a.btn,
.qmx-page .qmx-menu li.btn-top a.btn:hover,
.qmx-page .qmx-menu li.btn-top a.btn:focus{
	margin-top: 0;
	margin-bottom: 0;
	padding: 12px 24px;
	border-bottom: none !important;
	color: #fff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.top-blue-bg .qmx-menu li a{color: #E9F3FA;}
.top-blue-bg .qmx-menu li a:hover, .top-blue-bg .qmx-menu li a:focus{color: #E9F3FA; border-bottom: 1px solid #E9F3FA;}
.top-section.is-scrolled .qmx-menu li a, .top-section.is-open .qmx-menu li a{color: #2A3790;}
.top-section.is-scrolled .qmx-menu li a:hover, .top-section.is-scrolled .qmx-menu li a:focus, .top-section.is-open .qmx-menu li a:hover, .top-section.is-open .qmx-menu li a:focus{color: #36A3DC; border-bottom: 1px solid #36A3DC;}
.top-section.is-scrolled .qmx-menu li.btn-top a,
.top-section.is-scrolled .qmx-menu li.btn-top a:hover,
.top-section.is-scrolled .qmx-menu li.btn-top a:focus,
.top-section.is-open .qmx-menu li.btn-top a,
.top-section.is-open .qmx-menu li.btn-top a:hover,
.top-section.is-open .qmx-menu li.btn-top a:focus{color: #fff !important; border-bottom: none !important;}

.qmx-menu-toggle{display: none; position: relative; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; cursor: pointer; flex-shrink: 0; z-index: 2;}
.qmx-menu-toggle span{position: absolute; left: 8px; width: 24px; height: 2px; background: #fff; -moz-transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; -webkit-transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;}
.qmx-menu-toggle span:nth-child(1){top: 12px;}
.qmx-menu-toggle span:nth-child(2){top: 19px;}
.qmx-menu-toggle span:nth-child(3){top: 26px;}
.top-section.is-scrolled .qmx-menu-toggle span, .top-section.is-open .qmx-menu-toggle span{background: #2A3790;}
.top-section.is-open .qmx-menu-toggle span:nth-child(1){transform: translateY(7px) rotate(45deg);}
.top-section.is-open .qmx-menu-toggle span:nth-child(2){opacity: 0;}
.top-section.is-open .qmx-menu-toggle span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}
.qmx-menu-overlay{display: none;}

@media (prefers-reduced-motion: reduce){
.top-section, .qmx-menu-toggle span, .qmx-menu, .qmx-menu-overlay, .qmx-menu li, .qmx-menu li.btn-top a{transition: none;}
}

.hero-section{margin: 32px auto 0; position: relative; overflow: hidden; background: #000; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; aspect-ratio: 16 / 9; max-height: 700px; width: min(100%, calc(700px * 16 / 9));}
.header-section .width-1280{max-width: 1200px;}
.hero-section iframe{position: absolute; inset: 0; width: 100%; height: 100%; border: 0; pointer-events: none;}
.hero-intro{margin: 64px 0 160px; gap: 48px; color: #fff;}
.hero-intro h1{font-size: 80px; line-height: 1.2; color: #fff !important;}
.hero-intro-tagline{margin-top: 16px; font-family: "futura_md_btbold"; font-size: 24px; line-height: 1.2; letter-spacing: 0.05em; color: #66C8CE;}
.hero-intro p{margin: 16px 0 0; padding: 0; font-size: 18px; line-height: 1.3; color: #fff;}
.hero-intro-list{margin: 0; padding: 0; list-style: none;}
.hero-intro-list li{position: relative; padding-left: 32px; margin-bottom: 8px; font-size: 16px; line-height: 1.4; font-weight: 500; color: #fff;}
.hero-intro-list li:last-child{margin-bottom: 0;}
.hero-intro-list li:before{content: ''; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background: url("../images/new/qmx/icon/check-white.svg") no-repeat center / contain;}
.hero-intro-btn{gap: 16px;}

.why-section{margin: 80px 0;}
.highlight-list{gap: 24px;}
.highlight-item{flex: 1; text-align: center; animation: qmx-float-up 3s ease-in-out infinite;}
@keyframes qmx-float-up{
0%, 100%{transform: translateY(0);}
50%{transform: translateY(-10px);}
}
@keyframes qmx-float-box{
0%, 100%{transform: translate(0, 0);}
20%{transform: translate(-12px, 0);}
40%{transform: translate(0, -12px);}
60%{transform: translate(12px, 0);}
80%{transform: translate(0, 12px);}
}
.highlight-icon img{display: block; width: 64px; height: 64px; margin: 0 auto;}
@media (prefers-reduced-motion: reduce){
.highlight-item{animation: none;}
}
.highlight-text{margin-top: 24px; color: #4D4A4B; font-size: 16px; line-height: 20px; font-weight: 600; text-align: center;}

.meet-quiltmotion-intro{max-width: 800px; color: #4D4A4B;}
.meet-quiltmotion-cards{margin-top: 64px; gap: 24px;}
.meet-card{flex: 1; min-width: 0;}
.meet-card-image img, .meet-card-image video{display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.meet-card-body{margin-top: 24px;}
.meet-card h4{color: #4D4A4B !important;}
.meet-card p{margin: 8px 0 0; padding: 0; font-size: 18px; line-height: 24px; color: #4D4A4B;}
.choose-section{gap: 24px; align-items: stretch;}
.choose-image{max-width: 652px; flex: 1; min-width: 0; position: relative;}
.choose-image img, .choose-slide{display: block; width: 100%; height: 100%; object-fit: contain; object-position: center center; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.choose-slide{position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease;}
.choose-slide.active{opacity: 1;}
.choose-content{max-width: 508px; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: space-between; color: #4D4A4B;}
.choose-content-top{min-height: 298px; padding-bottom: 48px;}
.choose-content-top p{margin: 0; padding: 0; color: #4D4A4B;}
.choose-content-bottom{list-style: none; margin: 0; padding: 0; counter-reset: choose-step;}
.choose-content-bottom h4{color: #4D4A4B !important; -moz-transition: color 0.3s ease; -webkit-transition: color 0.3s ease; transition: color 0.3s ease;}
.choose-content-bottom li{display: grid; grid-template-columns: 44px 1fr; column-gap: 16px; counter-increment: choose-step; position: relative; margin-bottom: 24px; padding-bottom: 16px; cursor: pointer;}
.choose-content-bottom li:last-child{margin-bottom: 0;}
.choose-content-bottom li:before{content: counter(choose-step, decimal-leading-zero); grid-row: 1 / span 2; width: 44px; font-family: "futura-pt",sans-serif; font-size: 40px; line-height: 48px; font-weight: 300; color: #BCBBBB;}
.choose-content-bottom li.active:before{background: linear-gradient(to bottom right, #2A3790, #36A3DC, #66C8CE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;}
.choose-content-bottom .font-18{color: #7A7778;}
.choose-progress{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; transform: scaleX(0); transform-origin: left center; background: linear-gradient(to right, #2A3790, #36A3DC, #66C8CE); pointer-events: none;}
.choose-progress.is-playing{animation: qmx-choose-progress 5s linear forwards;}
.choose-section.is-paused .choose-progress.is-playing{animation-play-state: paused;}
@keyframes qmx-choose-progress{from{transform: scaleX(0);} to{transform: scaleX(1);}}
@media (prefers-reduced-motion: reduce){
	.choose-slide{transition: none;}
	.choose-progress.is-playing{animation: none; transform: scaleX(1);}
}
.free-motion-section{max-width: 1160px;}
.free-motion-intro{max-width: 800px; margin: 0 auto; color: #4D4A4B;}
.free-motion-img{position: relative; margin: 0 auto; margin-top: 64px; max-width: 1060px;}
.free-motion-photo{display: block; width: 588px; border: 8px solid #fff; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; box-sizing: border-box;}
.free-motion-photo-1{position: relative; z-index: 1;}
.free-motion-photo-2{margin: -18% 0 0 auto; position: relative; z-index: 2;}
.free-motion-content{margin-top: 64px; font-size: 18px; line-height: 24px; font-weight: 600; color: #4D4A4B;}
.free-motion-content span{font-size: 24px; line-height: 32px; color: #216386; font-style: italic;}

.results-section{max-width: 880px;}
.results-intro, .experience-intro{max-width: 800px; margin: 0 auto; color: #4D4A4B;}
.results-grid{display: flex; flex-direction: column; gap: 40px; margin-top: 64px;}
.results-item{width: 100%;}
.results-item-image img{display: block; width: 100%; object-fit: cover; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.results-item-body{margin-top: 24px; color: #4D4A4B;}
.results-item h4{color: #4D4A4B !important;}
.results-item p{margin: 8px 0 0; padding: 0;}

.experience-intro h1 span{display: block;}
.experience-tier{background: #fff; color: #4D4A4B; gap: 24px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 24px;}
.experience-plans{gap: 24px; align-items: stretch;}
.experience-plan{flex: 1; min-width: 0; display: flex; flex-direction: column; background: #fff; overflow: hidden; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
.experience-plan-header{position: relative; padding: 24px; color: #fff;}
.experience-plan-header h4{color: #fff !important;}
.experience-plan-header p{margin: 8px 0 0; padding: 0; color: #fff;}
.experience-plan-popular{position: absolute; top: 16px; right: 16px; background: #fff; color: #36A3DC; font-family: "futura-pt",sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.1em; font-weight: 600; text-transform: uppercase; padding: 8px 12px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;}
.experience-plan-foundations .experience-plan-header{background: #66C8CE;}
.experience-plan-discovery .experience-plan-header{background: #36A3DC;}
.experience-plan-mastery .experience-plan-header{background: #2A3790;}
.experience-plan-body{flex: 1; display: flex; flex-direction: column; padding: 24px; gap: 16px;}
.experience-plan-foundations .experience-plan-price{color: #3E7A7E;}
.experience-plan-discovery .experience-plan-price{color: #216386;}
.experience-plan-mastery .experience-plan-price{color: #1A2258;}
.experience-plan-price{white-space: nowrap;}
.experience-plan-price sub{font-family: "proxima-nova",sans-serif; font-size: 12px !important; line-height: 20px !important; font-weight: 500; vertical-align: middle; margin-left: 8px;}
.experience-plan-hardware{display: inline-block; width: fit-content; align-self: flex-start; padding: 4px 10px; border: 1px solid; font-size: 14px; line-height: 18px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;}
.experience-plan-foundations .experience-plan-hardware{border-color: #3E7A7E; color: #3E7A7E;}
.experience-plan-discovery .experience-plan-hardware{border-color: #216386; color: #216386;}
.experience-plan-mastery .experience-plan-hardware{border-color: #1A2258; color: #1A2258;}
.experience-plan-summary{padding: 16px; font-weight: 500; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.experience-plan-foundations .experience-plan-summary{background: #F0FAFA; color: #3E7A7E;}
.experience-plan-discovery .experience-plan-summary{background: #E9F3FA; color: #216386;}
.experience-plan-mastery .experience-plan-summary{background: #EAEBF4; color: #1A2258;}
.experience-plan-features{list-style: none; margin: 0; padding: 0;}
.experience-plan-features li{position: relative; padding-left: 24px; margin-bottom: 2px; color: #211D1E;}
.experience-plan-features li:last-child{margin-bottom: 0;}
.experience-plan-features li:before{content: ''; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.experience-plan-foundations .experience-plan-features li:before{background-image: url("../images/new/qmx/icon/check-green.svg");}
.experience-plan-discovery .experience-plan-features li:before{background-image: url("../images/new/qmx/icon/check-blue.svg");}
.experience-plan-mastery .experience-plan-features li:before{background-image: url("../images/new/qmx/icon/check-purple.svg");}
.experience-plan-features .experience-plan-plus{padding-left: 0; margin-bottom: 12px; font-style: italic; color: #7A7778;}
.experience-plan-features .experience-plan-plus:before{display: none;}
.experience-plan-btn{margin-top: auto;}

.which-qmx-section{background: #F0FAFA url("../images/new/qmx/which-qmx-bg.png") no-repeat right top;}
.which-qmx-inner{gap: 24px;}
.which-qmx-left{width: 480px; color: #4D4A4B;}
.which-qmx-left-intro{min-height: 332px; padding-bottom: 32px;}
.which-qmx-points{list-style: none; margin: 0; padding: 0;}
.which-qmx-points li{display: flex; gap: 24px; padding: 16px 24px; margin-bottom: 8px;}
.which-qmx-points li:last-child{margin-bottom: 0;}
.which-qmx-point-icon{flex: 0 0 64px;}
.which-qmx-point-icon img{display: block; width: 64px; height: 64px;}
.which-qmx-point-body{color: #4D4A4B !important;}
.which-qmx-point-body p{margin: 8px 0 0; padding: 0; color: #7A7778;}
.which-qmx-right{width: 520px;}
.which-qmx-card{background: #fff; border: 1px solid #4D4A4B; padding: 40px; text-align: center; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.which-qmx-step{display: none;}
.which-qmx-step.is-active{display: block;}
.which-qmx-step-counter{font-weight: 600; color: #A6A5A5;}
.which-qmx-result{display: none; text-align: center;}
.which-qmx-result.is-active{display: block;}
.which-qmx-actions{display: flex; gap: 24px; margin-top: 40px;}
.which-qmx-actions .which-qmx-back,
.which-qmx-actions .which-qmx-next{flex: 1;}
.which-qmx-back.is-hidden{display: none;}
.which-qmx-result-subtitle{font-size: 14px; line-height: 20px; color: #7A7778; font-weight: 600;}
h2.which-qmx-result-tier{margin: 24px auto 0 !important;}
.which-qmx-result-desc{margin-top: 16px; font-size: 16px; line-height: 24px; color: #4D4A4B; font-weight: 600;}
.which-qmx-result-buttons{margin-top: 24px; display: flex; flex-direction: column; gap: 4px;}
.which-qmx-try-again{margin-top: 20px; background: transparent; border: none; border-bottom: 1px solid transparent; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 4px;}
.which-qmx-try-again img{width: 18px; height: 18px;}
.which-qmx-card.is-result + .which-qmx-note{display: none;}
.which-qmx-card.is-result .which-qmx-step-counter{display: none;}
.which-qmx-card.is-result .which-qmx-actions{display: none;}
.which-qmx-card h4{margin-top: 8px; min-height: 64px; font-family: "proxima-nova",sans-serif !important; font-weight: 600; color: #211D1E !important;}
.which-qmx-options{display: flex; flex-direction: column; gap: 16px;}
.which-qmx-option{position: relative; display: block; width: 100%; text-align: left; background: #fff; border: 1px solid #E9E8E8; color: #4D4A4B; font-family: "proxima-nova",sans-serif !important; font-size: 18px; line-height: 24px; padding: 16px; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.which-qmx-option input{position: absolute; opacity: 0; pointer-events: none;}
.which-qmx-option:hover{background: #E9E8E8; border-color: #E9E8E8; color: #211D1E;}
.which-qmx-option:has(input:checked), .which-qmx-option.active{background: #E9E8E8; border-color: #4D4A4B; color: #211D1E;}
.which-qmx-note{margin-top: 24px;}

.learn-card{width: 100%; max-width: 1063px; overflow: hidden; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;}
.learn-card + .learn-card{margin-top: 40px;}
.learn-card-app{margin-right: auto; position: relative; background: url("../images/new/qmx/every-feature.png") no-repeat center / cover; aspect-ratio: 1063 / 560; padding: 40px; box-sizing: border-box; display: flex; align-items: flex-start;}
.learn-card-community{margin-left: auto; position: relative; background: url("../images/new/qmx/community.png") no-repeat center / cover; aspect-ratio: 1063 / 560; padding: 40px; box-sizing: border-box; display: flex; align-items: flex-start;}
.learn-card-box{max-width: 560px; width: 100%; background: rgba(255, 255, 255, 0.85); padding: 24px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.learn-card-box h3{color: #211D1E !important;}
.learn-card-box p{margin: 16px 0 0; padding: 0; color: #4D4A4B; line-height: 20px;}
.learn-card-tags{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.learn-card-tags span{display: inline-block; font-weight: 500; padding: 4px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #D3D2D2; color: #211D1E;}

.build-intro{max-width: 800px; margin: 0 auto; color: #4D4A4B;}
.build-configurator{margin-top: 64px; overflow: hidden; border: 1px solid #E9E8E8; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; align-items: stretch;}
.build-configurator-left{width: 756px; flex: 1 1 756px; padding: 40px; background: #fff;  box-sizing: border-box;}
.build-configurator-right{width: 524px; flex: 0 1 524px; padding: 40px; background: #211D1E; color: #fff; display: flex; flex-direction: column; box-sizing: border-box;}
.build-group{margin-bottom: 40px;}
.build-group:last-child{margin-bottom: 0;}
.build-group-title{font-size: 18px; line-height: 24px; color: #7A7778; font-style: italic; margin-bottom: 16px;}
.build-options{display: flex; flex-wrap: wrap; gap: 16px;}
.build-option{position: relative; min-height: 68px; font-family: "proxima-nova",sans-serif !important; display: flex; flex-direction: column; align-items: start; justify-content: center; padding: 12px 16px; background: #fff; border: 1px solid #E9E8E8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; box-sizing: border-box; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.build-option input{position: absolute; opacity: 0; pointer-events: none;}
.build-option-name{font-size: 18px; line-height: 24px; color: #4D4A4B; font-weight: 500;}
.build-option-meta{font-size: 14px; line-height: 16px; color: #7A7778; font-weight: 400; margin-top: 4px;}
.build-option:hover{background: #E9E8E8; border-color: #E9E8E8;}
.build-option:has(input:checked), .build-option.active,
.build-option:has(input:checked):hover, .build-option.active:hover{background: #fff; border-color: #4D4A4B; box-shadow: 0 0 0 1px #4D4A4B;}
.build-configurator-right h4{color: #fff !important;}
.build-summary-list{list-style: none; margin: 40px 0 0; padding: 0;}
.build-summary-item{display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 8px; font-size: 15px; line-height: 24px; color: #fff; padding: 8px 0; border-bottom: 1px dashed #7A7778;}
.build-summary-item:last-child{margin-bottom: 0;}
.build-summary-total{padding-top: 8px; font-family: "futura_md_btbold"; font-size: 16px; line-height: 40px; color: #fff;}
.build-summary-total-price{font-size: 32px; line-height: 40px;}
.build-summary-note{font-size: 14px; line-height: 16px; color: #D3D2D2; text-align: left;}
.build-summary-error{font-size: 14px; line-height: 18px; color: #FFD7D7; text-align: left;}
.build-summary-item s{opacity: 0.55; margin-right: 6px; font-weight: 400;}
.build-summary-bonus{display: block; font-style: normal; font-size: 12px; line-height: 16px; opacity: 0.7; margin-top: 2px;}
.build-option.is-unavailable{opacity: 0.35; cursor: not-allowed;}
.build-option.is-unavailable .build-option-name{text-decoration: line-through;}
.build-option.is-mismatch{opacity: 0.45;}
.build-option.is-mismatch.active{opacity: 1;}

.keeps-getting-intro{max-width: 800px; margin: 0 auto; color: #4D4A4B;}
.keeps-getting-cards{display: flex; --keeps-gap: 80px; gap: var(--keeps-gap); margin-top: 80px;}
.keeps-getting-card{flex: 1; min-width: 0; position: relative;}
.keeps-getting-card:not(:last-child):after{content: ''; position: absolute; top: 0; bottom: 0; right: calc(var(--keeps-gap) / -2); width: 1px; background: #D3D2D2;}
.keeps-getting-card img{display: block; width: 64px; height: 64px;}
.keeps-getting-card-title{margin-top: 32px; font-size: 24px; line-height: 32px; font-weight: 500; color: #4D4A4B;}
.keeps-getting-card p{margin: 8px 0 0; padding: 0; font-size: 16px; line-height: 20px; color: #4D4A4B;}
.keeps-getting-note{max-width: 780px; margin: 80px auto 0; text-align: center; font-size: 16px; line-height: 20px; color: #4D4A4B;}
.keeps-getting-cta{margin-top: 80px; display: flex; justify-content: center;}

.loved-quilters-section{background: #211D1E;}
.loved-quilters-title{color: #fff !important;}
.loved-quilters-cards{margin-top: 64px; gap: 24px; justify-content: flex-start;}
.loved-quilters-cards::-webkit-scrollbar{display: none;}
.loved-quilters-card{width: 400px;  height: 516px; background: #373435; padding: 40px 24px; box-sizing: border-box; display: flex; flex-direction: column; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.loved-quilters-stars{display: flex;}
.loved-quilters-stars img{display: block; width: 20px; height: 20px;}
.loved-quilters-quote{margin-top: 24px; font-size: 18px; line-height: 24px; color: #fff;}
.loved-quilters-author{margin-top: auto; display: flex; align-items: center; gap: 12px;}
.loved-quilters-author img{width: 40px; height: 40px; object-fit: cover; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.loved-quilters-author-name{font-size: 16px; line-height: 20px; font-weight: 700; color: #fff;}
.loved-quilters-author-role{margin-top: 4px; font-size: 16px; line-height: 20px; color: #fff;}

.join-movement-section{gap: 24px;}
.join-movement-left{width: 560px;}
.join-movement-right{width: 600px;}
.join-movement-stat{padding: 30px 0; box-sizing: border-box; position: relative;}
.join-movement-stat:first-child{padding-top: 0;}
.join-movement-stat:last-child{padding-bottom: 0;}
@property --qmx-g1{syntax: "<color>"; inherits: false; initial-value: #66C8CE;}
@property --qmx-g2{syntax: "<color>"; inherits: false; initial-value: #36A3DC;}
@property --qmx-g3{syntax: "<color>"; inherits: false; initial-value: #2A3790;}
.join-movement-stat:not(:last-child):after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-image: linear-gradient(89deg, var(--qmx-g1), var(--qmx-g2), var(--qmx-g3)); background-size: 100% 100%; -moz-animation: qmx-gradient-sweep 4s ease-in-out infinite alternate; -webkit-animation: qmx-gradient-sweep 4s ease-in-out infinite alternate; animation: qmx-gradient-sweep 4s ease-in-out infinite alternate;}
.join-movement-stat-value, .join-movement-stat-label{width: fit-content; max-width: 100%; background-image: linear-gradient(89deg, var(--qmx-g1), var(--qmx-g2), var(--qmx-g3)); background-size: 100% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; -moz-animation: qmx-gradient-sweep 4s ease-in-out infinite alternate; -webkit-animation: qmx-gradient-sweep 4s ease-in-out infinite alternate; animation: qmx-gradient-sweep 4s ease-in-out infinite alternate;}
@keyframes qmx-gradient-sweep{
0%{--qmx-g1: #66C8CE; --qmx-g2: #36A3DC; --qmx-g3: #2A3790;}
100%{--qmx-g1: #2A3790; --qmx-g2: #36A3DC; --qmx-g3: #66C8CE;}
}
@media (prefers-reduced-motion: reduce){
.join-movement-stat:not(:last-child):after,
.join-movement-stat-value,
.join-movement-stat-label{animation: none; --qmx-g1: #66C8CE; --qmx-g2: #36A3DC; --qmx-g3: #2A3790;}
}
.join-movement-stat-value{font-family: "futura_md_btbold"; font-size: 64px; line-height: 80px; font-weight: 700;}
.join-movement-stat-label{margin-top: 16px; font-size: 18px; line-height: 24px;}

.time-reserve-section{background: url("../images/new/qmx/time-reserve.png") no-repeat center;}
.time-reserve-into{max-width: 800px; margin: 0 auto; color: #4D4A4B;}
.time-reserve-offer{width: 628px; margin: 40px auto 0; padding: 1px; box-sizing: border-box; background: linear-gradient(to right, #2A3790, #36A3DC, #66C8CE); overflow: hidden; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.time-reserve-offer-top{padding: 24px; background: linear-gradient(to right, #2A3790, #36A3DC, #66C8CE);}
.time-reserve-offer-top h3{color: #fff !important;}
.time-reserve-offer-badge{display: inline-block; margin-top: 16px; padding: 4px 10px; color: #fff; border: 1px solid #fff; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;}
.time-reserve-offer-list{list-style: none; margin: 0; padding: 24px; background: #fff; -moz-border-radius: 0 0 16px 16px; -webkit-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px;}
.time-reserve-offer-list li{position: relative; padding-left: 24px; margin-bottom: 8px; font-size: 16px; line-height: 20px; color: #211D1E;}
.time-reserve-offer-list li:last-child{margin-bottom: 0;}
.time-reserve-offer-list li:before{content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: url("../images/new/qmx/check-time.svg") no-repeat center / contain;}
.time-reserve-logo{display: block; margin: 40px auto 0;}

.education-section{display: flex; flex-direction: column; gap: 40px;}
.education-card{width: 100%; padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; border: 1px solid #A6A5A5; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.education-card > img{display: block; width: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.education-card .qmx-tagline{margin-top: 16px; color: #7A7778;}
.education-card h3{margin-top: 8px;}
.education-card-copy{margin-top: 16px; color: #4D4A4B;}
.education-card-list{list-style: none; margin: 16px 0 0; padding: 0;}
.education-card-list li{position: relative; margin-top: 8px; padding-left: 24px; font-size: 16px; line-height: 20px; color: #211D1E;}
.education-card-list li:first-child{margin-top: 0;}
.education-card-list li:before{content: ''; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; background: url("../images/new/qmx/icon/check-gray.svg") no-repeat center / contain;}

.faqs-left{width: 325px;}
.faqs-left h1{max-width: 280px;}
.faqs-list{list-style: none; margin: 0; padding: 0; width: 835px; counter-reset: faq;}
.faqs-item{padding: 24px; border-bottom: 1px solid #E9E8E8; counter-increment: faq;}
.faqs-item-toggle{display: flex; align-items: flex-start; gap: 16px; width: 100%; margin: 0; padding: 0; background: none; border: none; cursor: pointer; text-align: left; font-family: inherit;}
.faqs-item-num{flex: 0 0 auto; font-size: 14px; line-height: 16px; color: #A6A5A5; padding-top: 4px;}
.faqs-item-num:before{content: counter(faq, decimal-leading-zero);}
.faqs-item-q{flex: 1; min-width: 0; font-size: 18px; line-height: 24px; font-weight: 600; color: #211D1E;}
.faqs-item-icon{position: relative; display: block; flex: 0 0 24px; width: 24px; height: 24px;}
.faqs-item-icon:before, .faqs-item-icon:after{content: ''; position: absolute; inset: 0; background-repeat: no-repeat; background-position: center; background-size: contain; -moz-transition: opacity 0.3s ease, transform 0.3s ease; -webkit-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease;}
.faqs-item-icon:before{background-image: url("../images/new/qmx/icon/plus.svg");}
.faqs-item-icon:after{background-image: url("../images/new/qmx/icon/minus.svg"); opacity: 0;}
.faqs-item.is-open .faqs-item-icon:before{opacity: 0; transform: rotate(90deg);}
.faqs-item.is-open .faqs-item-icon:after{opacity: 1;}
.faqs-item-a{display: grid; grid-template-rows: 0fr; margin-top: 0; -moz-transition: grid-template-rows 0.35s ease, margin-top 0.35s ease; -webkit-transition: grid-template-rows 0.35s ease, margin-top 0.35s ease; transition: grid-template-rows 0.35s ease, margin-top 0.35s ease;}
.faqs-item-a-inner{overflow: hidden; min-height: 0; font-size: 16px; line-height: 20px; color: #7A7778;}
.faqs-item.is-open .faqs-item-a{grid-template-rows: 1fr; margin-top: 16px;}
@media (prefers-reduced-motion: reduce){
.faqs-item-icon:before, .faqs-item-icon:after, .faqs-item-a{transition: none;}
}

.ready-quilt-section{background: url("../images/new/qmx/ready-quilt-bg.png") no-repeat center,
    linear-gradient(to right, #2A3790, #36A3DC, #66C8CE); min-height: 568px; padding: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; position: relative; overflow: hidden;}
.ready-quilt-section:before{content: ''; position: absolute; inset: 0; pointer-events: none; background: rgba(33, 29, 30, 0.2); -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;}
.ready-quilt-inner{max-width: 638px; width: 100%; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 24px;}
.ready-quilt-inner h1{color: #fff !important;}
.ready-quilt-inner .font-18{margin: 0; padding: 0; color: #fff;}
.ready-quilt-inner .qmx-tagline{color: #fff;}
.ready-quilt-btn{gap: 24px;}

.qmx-feature-page{background: #fff;}
.qmx-feature-page .top-section, .qmx-feature-page .top-section.is-scrolled, .qmx-feature-page .top-section.is-open{background: #fff; border-bottom: 1px solid #E9E8E8;}
.qmx-feature-page .qmx-logo-white{display: none;}
.qmx-feature-page .qmx-logo-dark{display: block;}
.qmx-feature-page .ready-quilt-inner{max-width: 678px;}
.qmx-feature-page .ready-quilt-section{min-height: 456px;}

.more-innovations-section{overflow-x: hidden;}
.more-innovations-circles{display: flex; justify-content: space-between; align-items: flex-start; gap: 8px;}
.more-innovations-circle{flex: 1 1 0; width: 100%; max-width: 224px;}
.more-innovations-circle img{display: block; width: 100%; height: auto;}
.more-innovations-circle:nth-child(1), .more-innovations-circle:nth-child(5){margin-top: 200px;}
.more-innovations-circle:nth-child(2), .more-innovations-circle:nth-child(4){margin-top: 56px;}
.more-innovations-intro{max-width: 560px; margin: -100px auto 0; position: relative; z-index: 1;}
.more-innovations-intro p{margin: 16px 0 0; padding: 0; color: #4D4A4B;}

.feature-hero-section{padding: 196px 0 120px;}
.feature-hero-content{gap: 24px;}
.feature-hero-img{width: 560px;}
.feature-hero-img img{display: block; width: 100%; height: auto;}
.feature-hero-text{width: 640px; display: flex; flex-direction: column; gap: 16px;}
.feature-hero-text h1{font-size: 64px; line-height: 80px; color: #211D1E;}
.feature-hero-text p{margin: 0; padding: 0; font-size: 18px; line-height: 24px; color: #4D4A4B;}
.feature-hero-btn{gap: 16px;}

.feature-category{--feature-check-col: 180px;}
.feature-category-head, .feature-list li{display: grid; grid-template-columns: minmax(0, 1fr) var(--feature-check-col) var(--feature-check-col) var(--feature-check-col); align-items: stretch;}
.feature-category-head{position: -webkit-sticky; position: sticky; top: 0; z-index: 110; background: #fff;}
.qmx-feature-page.is-category-stuck .top-section{transform: translateY(-100%); pointer-events: none; border-bottom-color: transparent;}
.feature-tier{padding: 16px;}
.feature-tier h4{color: #fff !important;}
.feature-tier p{margin: 8px 0 0; padding: 0; font-size: 14px; line-height: 16px; color: #fff;}
.feature-tier-foundations{background: #66C8CE;}
.feature-tier-discovery{background: #36A3DC;}
.feature-tier-mastery{background: #2A3790;}
.feature-group-title{padding: 16px; margin-top: 40px; border-bottom: 1px solid #E9E8E8; font-family: "futura-pt", sans-serif; font-size: 32px; line-height: 40px; font-weight: 300; color: #4D4A4B;}
.feature-category-head + .feature-group-title{margin-top: 0;}
.feature-list{list-style: none; margin: 0; padding: 0;}
.feature-list li{padding: 16px; border-bottom: 1px solid #E9E8E8; align-items: center; -moz-transition: background-color 0.2s ease; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease;}
.feature-list li:hover{background: #F0FAFA;}
.feature-list-name{font-size: 18px; line-height: 24px; font-weight: 500; color: #4D4A4B;}
.feature-list-desc{margin-top: 4px; font-size: 14px; line-height: 16px; color: #7A7778;}
.feature-check{display: flex; justify-content: center; align-items: center;}
.feature-check img{display: block; width: 24px; height: 24px;}

@media (min-width: 1025px){
.qmx-feature-page{padding-top: var(--qmx-nav-h, 80px);}
}



@media (min-width: 1920px){
.time-reserve-section{background-size: 100% auto;}
}

@media (min-width: 768px){
.results-grid{display: grid; grid-template-columns: 400px 400px; justify-content: space-between; column-gap: 24px; row-gap: 230px; align-items: start;}
.results-item{max-width: 400px;}
.results-item:nth-child(odd){grid-column: 1;}
.results-item:nth-child(even){grid-column: 2; transform: translateY(424px);}
.results-grid:has(> .results-item:nth-child(even):last-child){padding-bottom: 424px;}
.education-section{display: grid; grid-template-columns: 50% auto; justify-content: space-between; column-gap: 24px; row-gap: 230px; align-items: start;}
.education-card{max-width: 628px;}
.education-card:nth-child(odd){grid-column: 1;}
.education-card:nth-child(even){grid-column: 2; transform: translateY(240px);}
.education-section:has(> .education-card:nth-child(even):last-child){padding-bottom: 240px;}
}

@media (max-width: 1279px){
.hero-intro h1{font-size: 60px;}
.experience-plan{min-width: 350px;}
.experience-plan-body h2{font-size: 32px;}
.experience-plans, .loved-quilters-cards{gap: 16px; padding: 0 48px 8px; overflow-x: auto; margin: 24px -48px 0; width: calc(100% + 96px); -webkit-overflow-scrolling: touch;}
.loved-quilters-card{min-width: 350px; width: 350px; flex-shrink: initial; height: auto; min-height: 516px;}
}

@media (max-width: 1199px){
.build-configurator{flex-direction: column;}
.build-configurator-left, .build-configurator-right{width: 100%; flex-basis: auto;}

.feature-hero-section{padding: 80px 0 60px;}
.feature-hero-content{flex-direction: column; text-align: center;}
.feature-hero-text h1{font-size: 48px; line-height: 1.25;}
.feature-hero-img, .feature-hero-text{flex: none; width: 100%; max-width: 640px;}
.feature-hero-btn{justify-content: center; flex-wrap: wrap;}
.more-innovations-circle:nth-child(1), .more-innovations-circle:nth-child(5){margin-top: 120px;}
.more-innovations-circle:nth-child(2), .more-innovations-circle:nth-child(4){margin-top: 40px;}
.more-innovations-intro{margin-top: -48px;}
.feature-category{--feature-check-col: 140px;}
.feature-tier{padding: 8px;}
.feature-tier h4{font-size: 18px;}
.feature-tier p{margin-top: 4px;}
.feature-group-title{font-size: 28px; line-height: 36px;}

}

@media (max-width: 1024px){
.qmx-page{padding-bottom: 40px;}
.ptb-120{padding-top: 60px; padding-bottom: 60px;}
.mt-40, .learn-card + .learn-card, .loved-quilters-cards, .build-configurator{margin-top: 24px;}
.qmx-page h1{font-size: 40px;}
.qmx-page h2{font-size: 32px;}
.qmx-page h3{font-size: 24px;}
.qmx-page h4{font-size: 20px;}

.hero-intro{margin-bottom: 80px; flex-direction: column;}
.hero-intro-left{text-align: center;}
.top-section{position: sticky;}
.top-section, .top-section.is-open, .top-section.is-scrolled{background: #fff; border-bottom: 1px solid #E9E8E8;}
.top-section .wrap{background: #fff; z-index: 2;}
.top-section .qmx-logo-white{display: none;}
.top-section .qmx-logo-dark{display: block;}
.top-section .logo{position: relative; z-index: 3; width: 100px;}
.qmx-menu-toggle{display: block; z-index: 3;}
.qmx-menu-toggle span{background: #2A3790;}
.qmx-menu{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100vh; height: 100dvh; box-sizing: border-box; background: #fff; padding: var(--qmx-nav-h, 88px) 24px 40px; overflow-y: auto; visibility: hidden; pointer-events: none; transform: translateX(-100%); -moz-transition: transform 0.4s ease, visibility 0.4s ease; -webkit-transition: transform 0.4s ease, visibility 0.4s ease; transition: transform 0.4s ease, visibility 0.4s ease;}
.top-section.is-open .qmx-menu{visibility: visible; pointer-events: auto; transform: translateX(0);}
.qmx-menu ul{flex-direction: column; align-items: stretch; gap: 0;}
.qmx-menu li{opacity: 0; transform: translateX(-20px); -moz-transition: opacity 0.3s ease, transform 0.3s ease; -webkit-transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease;}
.top-section.is-open .qmx-menu li{opacity: 1; transform: translateX(0);}
.top-section.is-open .qmx-menu li:nth-child(1){transition-delay: 0.12s;}
.top-section.is-open .qmx-menu li:nth-child(2){transition-delay: 0.18s;}
.top-section.is-open .qmx-menu li:nth-child(3){transition-delay: 0.24s;}
.top-section.is-open .qmx-menu li:nth-child(4){transition-delay: 0.32s;}
.qmx-menu li a{display: block; padding: 16px 0; color: #2A3790 !important; border-bottom: 1px solid #E9E8E8;}
.qmx-menu li a:hover, .qmx-menu li a:focus{color: #36A3DC !important; border-bottom: 1px solid #36A3DC;}
.qmx-menu li.btn-top a{border-bottom: none; margin-top: 8px; text-align: center; transform: scale(0.96); -moz-transition: transform 0.3s ease, box-shadow 0.3s ease; -webkit-transition: transform 0.3s ease, box-shadow 0.3s ease; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.top-section.is-open .qmx-menu li.btn-top a{transform: scale(1);}
.why-section{margin: 40px 0;}
.why-cards{gap: 16px;}
.meet-quiltmotion-cards{margin-top: 40px;}
.meet-quiltmotion-cards{gap: 16px;}
.choose-section{flex-direction: column; gap: 32px;}
.choose-image{order: 2; margin: 0 auto; width: 100%; aspect-ratio: 676 / 432;}
.choose-content{order: 1; width: 100%; margin: 0 auto;}
.choose-content-top{min-height: auto; text-align: center;}
.free-motion-content{margin-top: 24px; font-size: 16px; line-height: 20px;}
.results-grid{margin-top: 40px; grid-template-columns: 50% auto}
.learn-card-app, .learn-card-community{-moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px;}
.keeps-getting-cards, .keeps-getting-note, .keeps-getting-cta{margin-top: 40px;}
.keeps-getting-cards{--keeps-gap: 40px;}
.keeps-getting-card img{height: 48px; width: auto;}
.keeps-getting-card-title{margin-top: 16px; font-size: 18px; line-height: 24px;}
.join-movement-stat-value{font-size: 48px; line-height: 1;}
.education-card{padding: 24px;}
.experience-plans, .loved-quilters-cards{padding: 0 24px 8px; margin: 24px -24px 0; width: calc(100% + 48px);}
.more-innovations-circle:nth-child(1), .more-innovations-circle:nth-child(5){margin-top: 72px;}
.more-innovations-circle:nth-child(2), .more-innovations-circle:nth-child(4){margin-top: 24px;}
.more-innovations-intro{margin-top: -16px;}
.feature-hero-section{padding: 40px 0 60px;}
.feature-category{--feature-check-col: 120px;}
.feature-group-title{font-size: 24px; line-height: 32px; margin-top: 24px;}
.feature-tier h4{font-size: 16px;}
.feature-group-title, .feature-list li{padding: 8px 0;}
}

@media (max-width: 991px){
.which-qmx-inner{flex-direction: column;}
.which-qmx-left-intro{min-height: auto; padding-bottom: 24px; text-align: center;}
.which-qmx-points li{padding: 16px 0;}
.more-innovations-circles{flex-wrap: wrap; justify-content: center; gap: 16px;}
.more-innovations-circle,
.more-innovations-circle:nth-child(1),
.more-innovations-circle:nth-child(2),
.more-innovations-circle:nth-child(4),
.more-innovations-circle:nth-child(5){flex: 0 0 160px; width: 160px; max-width: 160px; margin-top: 0;}
.more-innovations-intro{margin-top: 24px;}
}

@media (max-width: 767px){
.qmx-page h1{font-size: 32px;}
.qmx-page h2, .experience-plan-body h2{font-size: 28px;}
.ptb-120{padding-top: 40px; padding-bottom: 40px;}
.qmx-menu{padding-left: 16px; padding-right: 16px;}
.hero-section{margin-top: 40px;}
.hero-intro{margin: 40px auto; gap: 24px;}
.hero-intro h1{font-size: 40px;}
.hero-intro-tagline{font-size: 20px; margin-top: 8px;}
.hero-intro p{margin-top: 8px;}
.hero-intro-btn{gap: 8px; flex-direction: column;}
.hero-intro-btn a{width: 100%;}
.highlight-list{flex-wrap: wrap; justify-content: center;}
.highlight-item{width: 46%; flex: auto;}
.highlight-text{margin-top: 8px;}
.meet-quiltmotion-cards{margin-top: 24px;}
.meet-quiltmotion-intro{text-align: center;}
.meet-quiltmotion-cards{overflow-x: scroll; padding: 0 16px 8px; margin-right: -16px; margin-left: -16px; width: calc(100% + 32px);}
.meet-card{min-width: 300px;}
.experience-plans, .loved-quilters-cards{padding: 0 16px 8px; overflow-x: auto; margin: 24px -16px 0; width: calc(100% + 32px);}
.loved-quilters-cards{margin: 24px -16px 0 0; width: calc(100% + 16px);}
.experience-plan, .loved-quilters-card{min-width: 320px;}
.loved-quilters-card{width: 320px; max-width: none;}
.which-qmx-left, .which-qmx-right{width: 100%;}
.which-qmx-point-icon{flex: 0 0 auto;}
.which-qmx-point-icon img, .highlight-icon img{width: 32px; height: 32px;}
.which-qmx-points li{gap: 16px; padding: 8px 0;}
.which-qmx-card{padding: 16px;}
h2.which-qmx-result-tier{margin-top: 16px !important;}
.which-qmx-result-desc, .which-qmx-result-buttons{margin-top: 8px;}
.build-configurator-left, .build-configurator-right{padding: 24px 16px;}
.build-group{margin-bottom: 24px;}
.build-options{gap: 8px;}
.build-option{padding: 4px 8px; min-height: 60px;}
.build-option-name{font-size: 16px; line-height: 20px;}
.build-summary-list{margin-top: 24px;}
.build-summary-total-price{font-size: 24px; line-height: 32px;}
.free-motion-img{margin-top: 32px;}
.free-motion-photo{max-width: 80%;}
.results-grid{margin-top: 24px; flex-direction: row; padding: 0 16px 8px; margin-right: -16px; margin-left: -16px; width: calc(100% + 32px); overflow-x: auto;}
.results-item{min-width: 325px;}
.learn-card-app, .learn-card-community{padding: 16px; aspect-ratio: auto; min-height: 360px;}
.learn-card-box{padding: 16px;}
.keeps-getting-cards, .keeps-getting-note, .keeps-getting-cta{margin-top: 24px;}
.keeps-getting-cards{flex-direction: column; gap: 40px; align-items: center;}
.keeps-getting-card{width: 100%; max-width: 260px;}
.keeps-getting-card:not(:last-child):after{display: none;}
.loved-quilters-cards{flex-direction: row; align-items: stretch;}
.join-movement-section{flex-direction: column;}
.join-movement-left, .join-movement-right{width: 100%;}
.join-movement-stat{padding: 24px 0;}
.join-movement-stat-label{margin-top: 8px; font-size: 16px; line-height: 20px;}
.time-reserve-offer{width: 100%; max-width: 628px;}
.time-reserve-offer-top, .time-reserve-offer-list{padding: 16px;}
.time-reserve-offer, .time-reserve-logo{margin-top: 24px;}
.education-section{gap: 24px;}
.education-card{width: 100%; max-width: none; padding: 16px;}
.education-card-cta .btn{width: 100%;}
.faqs-section{flex-direction: column; gap: 24px;}
.faqs-left, .faqs-list{width: 100%;}
.faqs-left{display: flex; justify-content: center; text-align: center;}
.faqs-item{padding: 16px 0;}
.faqs-item.is-open .faqs-item-a{margin-top: 8px;}
.ready-quilt-section{min-height: 450px; padding: 24px;}
.qmx-feature-page .ready-quilt-section{min-height: 380px;}
.ready-quilt-section, .ready-quilt-section:before{-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px;}
.ready-quilt-btn{gap: 8px; flex-direction: column; width: 100%;}
.ready-quilt-inner .btn{width: 100%;}
.more-innovations-circles{gap: 12px;}
.more-innovations-circle,
.more-innovations-circle:nth-child(1),
.more-innovations-circle:nth-child(2),
.more-innovations-circle:nth-child(4),
.more-innovations-circle:nth-child(5){flex: 0 0 148px; width: 148px; max-width: 148px;}
.more-innovations-intro{margin-top: 24px;}
.feature-hero-section{padding: 40px 0;}
.feature-hero-text h1{font-size: 32px; line-height: 1.25;}
.feature-hero-btn{flex-direction: column;}
.feature-hero-btn .btn{width: 100%;}
.feature-category-section .width-1280{overflow-x: auto;}
.feature-category{min-width: 640px; --feature-check-col: 115px;}
.feature-group-title{font-size: 22px; line-height: 28px;}
.feature-list-name{font-size: 16px; line-height: 22px;}
}

@media (max-width: 650px){
.hero-intro h1{font-size: 32px;}
.hero-intro-tagline{font-size: 16px;}
}

.qmx-fade-up{opacity: 0; transform: translateY(40px); -moz-transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); -webkit-transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}
.qmx-fade-up.is-inview{opacity: 1; transform: translateY(0);}
@media (prefers-reduced-motion: reduce){
.qmx-fade-up{opacity: 1; transform: none; transition: none;}
}
/* The main Grace header sits directly above this bar and already collapses to its
   own menu button. A second hamburger for four section links reads as a mistake,
   so below the desktop breakpoint the QMX bar drops its toggle and its (now
   duplicated) logo, and shows the links inline instead. */
@media (max-width: 1024px){
.qmx-page .top-section .logo{display: none;}
.qmx-page .qmx-menu-toggle{display: none;}
.qmx-page .qmx-menu-overlay{display: none;}
.qmx-page .qmx-menu{position: static; width: 100%; height: auto; padding: 0; background: transparent; overflow-x: auto; overflow-y: visible; visibility: visible; pointer-events: auto; transform: none;}
.qmx-page .qmx-menu ul{flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; flex-wrap: nowrap;}
.qmx-page .qmx-menu li.btn-top{margin-left: auto; padding-left: 8px;}
.qmx-page .qmx-menu li{opacity: 1; transform: none; white-space: nowrap;}
.qmx-page .qmx-menu li a{display: inline-block; padding: 4px 0; border-bottom: 1px solid transparent;}
.qmx-page .qmx-menu li.btn-top a{margin-top: 0; transform: none; padding: 8px 16px; font-size: 16px;}
}

/* Feature clips — a row with a video shows a Watch badge, and the clip opens in a
   panel on hover (pointer) or tap (touch). */
.feature-video-btn{display: inline-flex; align-items: center; gap: 5px; vertical-align: middle; margin-left: 8px; padding: 2px 9px 2px 4px; border: 1px solid #D3D2D2; background: #fff; border-radius: 99px; cursor: pointer; color: #2A3790; font-family: "proxima-nova",sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.feature-video-btn svg{width: 16px; height: 16px; flex: none;}
.feature-video-btn svg circle{fill: #2A3790;}
.feature-video-btn svg path{fill: #fff;}
.feature-video-btn:hover, .feature-video-btn:focus-visible{background: #2A3790; border-color: #2A3790; color: #fff;}
.feature-video-btn:hover svg circle, .feature-video-btn:focus-visible svg circle{fill: #fff;}
.feature-video-btn:hover svg path, .feature-video-btn:focus-visible svg path{fill: #2A3790;}
.feature-list li[data-video].is-playing{background: #F4F7FD;}

.feature-video-pop{position: fixed; z-index: 200; width: 440px; max-width: calc(100vw - 32px); background: #fff; border: 1px solid #E9E8E8; border-radius: 16px; box-shadow: 0 18px 48px -12px rgba(33,29,30,0.34); padding: 10px; opacity: 0; visibility: hidden; -moz-transition: opacity 0.18s ease; -webkit-transition: opacity 0.18s ease; transition: opacity 0.18s ease;}
.feature-video-pop.is-open{opacity: 1; visibility: visible;}
.feature-video-pop video{display: block; width: 100%; height: auto; border-radius: 10px; background: #211D1E;}
.feature-video-pop-title{display: block; margin: 8px 4px 2px; font-family: "futura_md_btbold"; font-size: 14px; line-height: 18px; color: #211D1E;}
.feature-video-close{position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E9E8E8; background: #fff; color: #211D1E; font-size: 17px; line-height: 1; cursor: pointer; display: none;}
.feature-video-pop.is-pinned .feature-video-close{display: block;}

@media (hover: none), (max-width: 767px){
.feature-video-btn span{display: none;}
.feature-video-btn{padding: 3px; border: 0;}
}
@media (prefers-reduced-motion: reduce){
.feature-video-pop{transition: none;}
}

/* Designs that come with each tier, and the free run of the Design Store. */
.experience-plan-designs{padding: 12px 14px; border: 1px dashed; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
.experience-plan-designs-count{font-family: "futura_md_btbold"; font-size: 18px; line-height: 22px;}
.experience-plan-designs-store{margin-top: 3px; font-size: 14px; line-height: 18px;}
.experience-plan-designs-store span{white-space: nowrap; opacity: 0.75;}
.experience-plan-foundations .experience-plan-designs{border-color: #B7DCDE; color: #3E7A7E;}
.experience-plan-discovery .experience-plan-designs{border-color: #A9CFE8; color: #216386;}
.experience-plan-mastery .experience-plan-designs{border-color: #B9BCD6; color: #1A2258;}