/* ==========================================
   1919px
========================================== */
@media screen and (max-width:1919px) {

.common-section { padding: 80px 0; }
 }

/* ==========================================
   1599px
========================================== */
@media screen and (max-width:1599px) {
	.hero-title { font-size: 5rem; }
	.hero-content-wrap { max-width: 55%; }
	.common-section { padding: 70px 0; }
}

/* ==========================================
   1439px
========================================== */
@media screen and (max-width:1439px) {
	.custom-container, .container { padding-left: 30px; padding-right: 30px; }
	.hero-title { font-size: 4.5rem; }
	.expect-cards-top { grid-template-columns: 1fr 1fr 1fr; }
	.common-section { padding: 60px 0; }
	.privacy-policy-features h3 {font-size: 42px;}
	.inner-banner-section .custom-container .title-box-banner h2 {font-size: 36px;}

}

/* ==========================================
   1365px
========================================== */
@media screen and (max-width:1365px) {
	.hero-title { font-size: 4rem; }
	.hero-lead { font-size: 20px; }
	.split-layout--engineered { gap: 3rem; }
	.footer-top {grid-template-columns: 50% 1fr;}
	.revolution-heading {font-size: 74px;}
}

/* ==========================================
   1279px
========================================== */
@media screen and (max-width:1279px) {
	.hero-title { font-size: 3.5rem; }
	.hero-content-wrap { max-width: 65%; }
	.features-grid { gap: 20px; }
	.footer-top { grid-template-columns: 1fr 1fr; gap: 30px; }
	.footer-cards { grid-template-columns: repeat(3, 1fr); }
	.footer-watermark { font-size: 8rem; }
	.ecosystem-grid { grid-template-columns: repeat(3, 1fr); }
	.common-section { padding: 50px 0; }
	.feature-card {padding: 25px;}
	.engineered-text {margin-bottom: 20px;font-size: 18px;}
	.section-features .section-intro,.expect-header,.how-header,.section-ecosystem .section-intro {margin-bottom: 50px;}
	.section-engineered .section-title {font-size: 34px;}
	.split-layout--engineered {grid-template-columns: minmax(0, 1fr) 500px;}
	.section-features .section-title {font-size: 40px;}
	.how-card h3 {font-size: 24px;}
	.how-step {column-gap: 4.75rem;}
	.how-card {padding: 30px;}
	.revolution-panel {padding: 35px;}
	.revolution-heading {  width: 100%;font-size: 72px;}
	.revolution-stats {margin-bottom: 40px;}
	.revolution-desc {margin-bottom: 40px;}
	.why-layout {gap: 30px;}
	.cta-title {font-size: 70px;}
	.section-cta {height: 600px;}
	.expect-stat .star, .roots-stat-num .star {font-size: 30px;}
	.footer-top {grid-template-columns: 40% 1fr;}
	.footer-watermark {top: 44%;}
	.privacy-policy-features h3 {font-size: 36px;}
	.inner-banner-section .custom-container .title-box-banner h2 {font-size: 32px;}
	.inner-banner-section {height: 360px;}
	.back-to-top {bottom: 80px;}
}

/* ==========================================
   1023px
========================================== */
@media screen and (max-width:1023px) {

	/* Hamburger Menu Start */
	.nav-toggle { display: flex; }
	.desktop-menu-btn { display: none; }
	.mobile-menu-btn { display: flex; margin-top: 20px; }
	.header-nav { position: fixed; top: 0; right: -100%; width: 320px; max-width: 100%; height: 100vh; background: #ffffff; z-index: 9999; transition: 0.4s ease; padding: 100px 30px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.header-nav.active { right: 0; }
	.nav-menu { flex-direction: column; align-items: flex-start; width: 100%; gap: 15px; }
	.nav-link { color: #000; width: 100%; display: block; padding: 10px 0; }

	/* Hamburger Menu End */
/*	.hero-inner { padding-top: 160px; }*/
.hero-section {min-height: 70vh;}
	.hero-content-wrap { position: relative; max-width: 100%; top: auto; transform: none; }
	.hero-title { font-size: 3rem; }
	.hero-lead { max-width: 100%; }
	.features-grid { grid-template-columns: repeat(2, 1fr); }
	.split-layout, .split-layout--engineered { grid-template-columns: 1fr; }
	.engineered-visual { height: 500px; }
	.expect-header { grid-template-columns: 1fr; }
	.expect-aside { text-align: left; max-width: 100%; }
	.expect-cards-top { grid-template-columns: 1fr; }
	.expect-cards-bottom { grid-template-columns: 1fr; }
	.roots-inner { flex-direction: column; align-items: flex-start; }
	.how-line { display: none; }
	.how-step { grid-template-columns: 1fr; min-height: auto; }
	.how-step--left .how-card, .how-step--right .how-card { grid-column: auto; }
	.how-marker { position: relative; left: auto !important; right: auto !important; top: auto; transform: none; margin-bottom: 20px; }
	.header-nav { position: fixed; top: 0; right: -100%; width: 320px; max-width: 100%; height: 100vh; background: #fff; z-index: 9999; transition: all .4s ease; padding: 100px 30px; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
	.header-nav.is-open { right: 0; }
	.nav-link { color: #111 !important; font-size: 18px; font-weight: 600; }
	.site-header.scrolled .nav-link { color: #111 !important; }
	.brand-logo { max-width: 140px; }
	.hero-content-wrap { position: relative; max-width: 100%; top: auto; transform: none; }
	.features-grid { grid-template-columns: repeat(2, 1fr); }
	.split-layout, .split-layout--engineered { grid-template-columns: 1fr; }
	.engineered-visual { height: 500px; }
	.expect-header, .expect-cards-top, .expect-cards-bottom { grid-template-columns: 1fr; }
	.roots-inner { flex-direction: column; }
	.how-line { display: none; }
	.how-step { grid-template-columns: 1fr; }
	.how-marker { position: relative; left: auto !important; right: auto !important; top: auto; transform: none; margin-bottom: 20px; }
	.hero-title { font-size: 3rem; }
	.footer-top { grid-template-columns: 1fr; text-align: center; }
	.footer-top__content { width: 100%; }
	.footer-desc { max-width: 100%; margin-left: auto; margin-right: auto; }
	.footer-top__highlights { justify-content: center; }
	.footer-cards { grid-template-columns: 1fr; }
	.footer-glass-card { padding: 30px; }
/*	.footer-card-title { justify-content: center; }*/
/*	.footer-contact li { justify-content: center; }*/
	.footer-bar { flex-direction: column; text-align: center; }
	.footer-legal { justify-content: center; }
	.footer-watermark { font-size: 6rem; }
	.ecosystem-grid { grid-template-columns: repeat(2, 1fr); }
	.eco-tile { min-height: 320px; }
	.why-layout { grid-template-columns: 1fr; }
	.revolution-panel { margin-top: 40px; }
	.revolution-heading { width: 77%; font-size:62px;   margin-bottom: 40px;}
	.revolution-quote {margin-bottom: 50px;}
	.revolution-stats { grid-template-columns: repeat(3, 1fr); }
	.section-cta { height: 650px; }
	.cta-inner { width: 90%; }
	.cta-title { font-size: 60px; }
	.cta-lead { font-size: 20px; }
	.nav-toggle { display: flex; position: fixed; top: 20px; right: 20px; z-index: 10001; }
	.header-nav { z-index: 10000; }
	.header-nav.is-open + .desktop-menu-btn + .nav-toggle, .nav-toggle[aria-expanded="true"] { background: #fff; border-color: #ddd; }
	.nav-toggle[aria-expanded="true"] .nav-toggle-bar { background: #111; }
	.nav-toggle { background: #fff; border: 1px solid #ddd; }
	.nav-toggle-bar { background: #111; }
	.nav-toggle { position: fixed; top: 20px; right: 20px; z-index: 99999; }
	.header-nav { z-index: 9999; }
	.common-section { padding: 40px 0; }

	 .expect-header {grid-template-columns: 52% 1fr;}
	 .how-header {grid-template-columns: minmax(0, 1fr) 315px;align-items: end; }
	 .how-aside { text-align: right; margin: 0;}
	 .how-step--left .how-marker, .how-step--right .how-marker {position: absolute; transform: none;left: calc(-4.25rem + 24px) !important;}
	 .how-timeline {padding-left: 45px;}
	 .section-cta {height: 550px;}
	 .cta-title {font-size: 54px;}
#mainNav .btn-enquiry { background: #537d3e; color: #fff; border-color: #537d3e; margin: 0; }
	.footer-watermark {top: 27%;} 
	.expect-stat .star, .roots-stat-num .star {font-size: 28px;}

	.privacy-policy-features h3 {font-size: 30px;}
	.inner-banner-section .custom-container .title-box-banner h2 {font-size: 28px;}
	.inner-banner-section {height: 320px;}
	.back-to-top {bottom: 40px;}
	.inner-banner-section .custom-container {bottom: 70px;}
}

/* ==========================================
   767px
========================================== */
@media screen and (max-width:767px) {
	.hero-section {min-height: 100vh;}
	.hero-content-wrap {padding: 100px 0;}
	.features-grid { grid-template-columns: 1fr; }
	.hero-title { font-size: 2.5rem;  margin-bottom: 20px; }
/*	.section-container { padding-top: 70px; padding-bottom: 70px; }*/
	.hero-title { font-size: 2.5rem; }
	.hero-lead { font-size: 18px; }
/*	.hero-actions { flex-direction: column; }*/
	.features-grid { grid-template-columns: 1fr; }
	.feature-card { min-height: auto; }
	.engineered-visual { height: 420px; }
	.engineered-badge { position: relative; top: auto; right: auto; margin: 20px; }
	.how-header { grid-template-columns: 1fr; }
	.how-title { font-size: 2.5rem; }
	.footer-top { padding: 50px 0; }
	.footer-cards { padding: 50px 0; }
	.footer-highlight-pill { width: 100%; flex: unset; }
	.footer-watermark { font-size: 4rem; }
	.footer-brand-img { margin-left: auto; margin-right: auto; }
	.ecosystem-grid { grid-template-columns: 1fr; }
	.eco-tile { min-height: 280px; }
	.why-features li { padding: 15px; }
	.revolution-panel { padding: 30px; }
	.revolution-heading { font-size: 28px; }
	.revolution-stats { grid-template-columns: 1fr; }
	.revolution-desc { margin-bottom: 30px; }
	.revolution-quote { margin-bottom: 30px; }
	.quote-footer { flex-direction: column; align-items: flex-start; }
	.section-cta { height: 550px; }
	.cta-title { font-size: 42px; }
	.cta-lead { font-size: 18px; }
/*	.cta-actions { flex-direction: column; }*/
	.hero-title { font-size: 35px !important; line-height: 1.1; }
	.expect-title, .how-title, .why-title, .cta-title, .section-title { font-size: 32px !important; line-height: 1.2; }
	.feature-card h3, .expect-card-title, .eco-tile h3 { font-size: 20px !important; }
	.hero-lead, .cta-lead, .engineered-text, .expect-card-body, .why-features p { font-size: 15px !important; line-height: 1.7; }
	.revolution-heading { font-size: 36px;    width: 60%;    margin-bottom: 30px; }
	.expect-stat { font-size: 48px !important; }
	.roots-stat-num { font-size: 48px !important; }
	.hero-badge {margin-bottom: 20px;}
	.btn-hero-primary,.btn-hero-outline {font-size: 14px;padding: 10px 30px;}
	.expect-title, .how-title, .why-title, .cta-title, .section-title {font-size: 28px !important;}
	.expect-header,.how-header{grid-template-columns: auto; gap: 20px;}
	  .expect-title br {display: none;}
	  .yields-copy {font-size: 24px;}
	  .how-aside {text-align: left;width: 100%;max-width: 100%;margin-left: inherit;}
	  .section-features .section-intro, .expect-header, .how-header, .section-ecosystem .section-intro {margin-bottom: 30px;}
	  .expect-aside {margin-left: inherit;}
	  .section-features .section-subtitle {font-size: 18px;}
	  .revolution-panel {margin-top: 0;}
	  .why-layout {gap:0;}
	  .features-grid {grid-template-columns: repeat(2, 1fr);}
	  .header-nav {overflow: auto;}
	  .hero-actions {flex-wrap: nowrap;}
	  .hero-section {min-height: 85vh;}
	  .footer-watermark {top: 33%;} 
	  .highlight-num span {font-size: 16px;}


	  .privacy-policy-features h3 {font-size: 24px;margin-bottom: 20px;}
	.inner-banner-section .custom-container .title-box-banner h2 {font-size: 22px; }
	.inner-banner-section {height: 300px;}
	.inner-banner-section .custom-container {bottom:50px;}
	.privacy-policy-features p,.privacy-policy-features ul li {font-size: 16px; margin-bottom: 10px;}
	.privacy-policy-features h4 {font-size: 20px;}
}


/* ==========================================
   639px
========================================== */
@media screen and (max-width:639px) {
	.roots-stat-box { text-align: left; }
	.footer-glass-card { padding: 25px; }
	.footer-highlight-pill { min-width: 100%; }
	.highlight-num { font-size: 20px; }
	.highlight-text { font-size: 12px; }
	.footer-watermark { display: none; }
	.hero-title { font-size: 30px !important; }
	.expect-title, .how-title, .why-title, .cta-title, .section-title { font-size: 28px !important; }
	.revolution-heading { font-size: 26px; }
	.expect-stat { font-size: 40px !important; }
	.roots-stat-num { font-size: 40px !important; }
	.common-section { padding: 25px 0; }
	 .features-grid {grid-template-columns:auto;}
	 .hero-content-wrap {padding: 0;}
	 .section-features .section-subtitle {font-size: 16px;    margin-top: 15px;}
	 .split-layout--engineered .split-layout__content {padding-left: 20px;}
	 .split-layout--engineered {gap: 20px;}
	 .engineered-badge {  padding: 8px;grid-template-columns: 40px 1fr;  column-gap: 10px;}
	 .badge-title {  font-size: 14px;}
	 .badge-desc {font-size: 14px;}
	 .badge-num {font-size: 16px;width: 40px;height: 40px;}
	 .stable-word {font-size: 22px;}
	 .stable-arrow {font-size: 36px;}
	 .expect-card-body {width: 100%;}
	 .yields-copy {font-size: 20px;}
	 .how-step--left .how-marker, .how-step--right .how-marker{    left: calc(-4.25rem + 40px) !important; margin-bottom: 0;}

	 .how-timeline {padding-left: 29px;}
	 .how-card h3 {font-size: 18px;}
	 .how-card p {  font-size: 14px;}
	.how-marker span { width: 35px; height: 35px; font-size: 14px; }
	.how-card-top {margin-bottom: 20px;}
.how-icon { width: 40px; height: 40px; }
.how-icon svg {width: 20px; height: auto;}
.how-phase {  font-size: 11px;}
.section-features .section-intro, .expect-header, .how-header, .section-ecosystem .section-intro {margin-bottom: 20px;}
	.section-ecosystem .section-subtitle,.why-features strong {font-size: 16px;}
	.why-features li {margin-bottom: 20px;}
	.revolution-heading {font-size: 30px; margin-bottom: 20px;    width: 60%;}
	.revolution-desc {margin-bottom: 20px;}
	.how-title-accent {display: inline-block;}
	.section-engineered .section-title {max-width: 100%; margin-bottom: 20px;}
	.nav-link {font-size: 16px;padding: 7px 0;}
	.nav-menu {  gap: 10px;}
	.engineered-caption p {font-size: 16px;}
	.engineered-caption h4 {font-size: 18px;}
	.engineered-caption {left: 20px;right: auto;}
	.how-aside {font-size: 14px;}
	.feature-icon {width: 50px;height: 50px;margin-bottom: 20px;}
	.feature-icon svg {width: 27px;height: 27px;}
	.section-ecosystem .section-subtitle {margin-top: 20px;}
	.expect-stat .star, .roots-stat-num .star {font-size: 20px;} 

	.inner-banner-section {height: 220px;}
	.custom-container {padding: 0 20px;}
	.inner-banner-section .custom-container {bottom: 20px;}
	.inner-banner-section .custom-container .title-box-banner h2 {font-size: 20px;}
	.privacy-policy-features h3 {font-size: 20px;}
	.privacy-policy-features ul li {padding-left: 15px;}
	.privacy-policy-features h4 {font-size: 18px;}
}

/* ==========================================
   479px
========================================== */
@media screen and (max-width:479px) {
	.custom-container, .container { padding-left: 15px; padding-right: 15px; }
	.hero-lead { font-size: 16px; }
	.btn { width: 100%; }
	.hero-actions { width: 100%;    gap: 10px; }
	.expect-card { padding: 20px; }
	.how-card { padding: 20px; }
	.hero-title { font-size: 2rem; }
	.footer-top { padding: 40px 0; }
	.footer-cards { padding: 40px 0; }
	.footer-glass-card { padding: 20px; border-radius: 16px; }
	.footer-card-title { font-size: 13px; }
	.footer-card-links a, .footer-contact a { font-size: 14px; }
	.footer-copy { font-size: 12px; }
	.footer-legal { gap: 10px; }
	.footer-legal a { font-size: 12px; }
	.revolution-panel { padding: 20px; border-radius: 20px; }
	.section-cta { height: 500px; }
	.cta-title { font-size: 32px; }
	.cta-lead { font-size: 16px; }
	.hero-title { font-size: 27px !important;   margin-bottom: 20px;}
	.expect-title, .how-title, .why-title, .cta-title, .section-title { font-size: 24px !important; line-height: 1.3; }
	.feature-card h3, .expect-card-title, .eco-tile h3 { font-size: 18px !important; }
	.hero-lead, .cta-lead, .engineered-text, .expect-card-body, .why-features p { font-size: 14px !important; }
	.revolution-heading { font-size: 26px; }
	.expect-stat, .roots-stat-num { font-size: 32px !important; }
	.common-section { padding: 25px 0; }


}

/* ==========================================
   359px
========================================== */
@media screen and (max-width:359px) {
	.hero-title { font-size: 1.5rem; }
	.section-title { font-size: 1.5rem; }
	.expect-title { font-size: 1.5rem; }
	.footer-glass-card { padding: 16px; }
	.footer-highlight-pill { padding: 10px; }
	.highlight-num { font-size: 18px; }
	.footer-card-links a, .footer-contact a { font-size: 13px; }
	.hero-title { font-size: 24px !important; }
	.expect-title, .how-title, .why-title, .cta-title, .section-title { font-size: 21px !important; }
	.revolution-heading { font-size: 21px !important; }
	.common-section { padding: 20px 0; }
}

@media (resolution: 128dpi) {
.split-layout--engineered {grid-template-columns: 1fr 1fr;}
.custom-container {padding: 0 110px;}
 }

 @media (resolution: 120dpi) { 
.split-layout--engineered {grid-template-columns: 1fr 1fr;}
.custom-container {padding: 0 110px;}

 }

/* @media (min-resolution: 1.33dppx) {
  .split-layout--engineered {grid-template-columns: minmax(0, 1fr) 540px;}
.custom-container {padding: 0 150px;}
}

@media (min-resolution: 128dpi) {
    .split-layout--engineered {grid-template-columns: minmax(0, 1fr) 540px;}
.custom-container {padding: 0 150px;}
}*/