/* ---------------------------------------------------
   Limitless Life Planner — Landing Page
   --------------------------------------------------- */

*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fbfdfe;color:#0d0d0d;font-family:"Raleway",sans-serif;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased;font-size:18px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,p,blockquote,figure{margin:0}

h1{font-size:70px}
h2{font-size:56px}
h3{font-size:45px}
h4{font-size:30px}
h5{font-size:25px}
h6{font-size:20px}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0}
a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}


.guide-cta .container{position:relative;z-index:1}
.guide-cta{position:relative;overflow:hidden;isolation:isolate}

/* Keep heading, text and button above the glow */
.guide-cta > .container{position:relative;z-index:1}
.guide-cta::after{content:'';position:absolute;left:50%;top:30%;width:120%;aspect-ratio:1 / 1;transform:translateX(-50%);background:linear-gradient(270deg,#FFE500 0%,#76C7DA 100%);border-radius:50%;filter:blur(130px);opacity:.9;z-index:0;pointer-events:none}
a.store-badges__link:hover{transform:scale(0.9)}
#how-it-works{padding:80px 0}
.container{max-width:1600px;margin:0 auto;width:95%}
.section{position:relative;overflow:clip}
.section--light{background:#f0f2fa}
.section--white{background:#fbfdfe}
.section--dark{background:#273583;color:#fff}
.eyebrow{font-weight:700;font-size:20px;letter-spacing:.02em;text-transform:uppercase;color:#273583;margin-bottom:10px}
.eyebrow--lime{color:#a7c823}
#how-it-works .section-head{margin-bottom:50px}
.center_header_width .section-head{text-align:center;max-width:920px;margin:0 auto;width:100%}
.padding_balance{padding:70px 0}
.section-head h2{font-weight:800;color:#263067;text-transform:capitalize}
.section--dark .section-head h2{color:#fff}
.section-head p{margin-top:24px;font-size:18px;color:#474747;letter-spacing:.02em;font-weight:500}
.section--dark .section-head p{color:#ffffffe0}

/* Offset for the sticky header when jumping to an in-page anchor */
:target {
  scroll-margin-top: 50px;
}
/* Buttons */

.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 32px;border-radius:100px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.02em;border:none;cursor:pointer;-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px #0b0e1e66}
.btn--yellow{background:#ffe500;color:#000 !important;}
.btn--white{background:#fff;color:#0b0e1e!important;}


/* Store badges */
.store-badges{margin-top:56px}
.store-badges__label{font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin-bottom:16px}
.store-badges__row{display:flex;gap:12px;flex-wrap:wrap}
.store-badges__row img{height:50px;width:auto}


/* ---------------- Header / Hero ---------------- */
.hero{color:#fff;position:relative;overflow:clip;background:#0B0E1E}
.hero__top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:15px;flex-wrap:wrap;padding-bottom:15px}
.logo{display:flex;align-items:center;gap:12px}
.logo__mark{height:44px;width:auto;border-radius:12px}
.logo__word{height:70px;width:auto}
.header_top{position:absolute;top:0;left:0;width:100%;z-index:2}
.hero__content{position:relative;z-index:1;display:flex;gap:30px;align-items:center;padding:180px 0 0}
.hero__image .phone{width:100%;margin-inline:auto;aspect-ratio:755 / 919;margin-right:-50px}


/* Screen cutout for the hand mask (hero only) */
.hero__image .phone__screen{top:1.85%;left:25.2%;right:26.9%;bottom:13.4%;border-radius:10% / 5%}
.hero__text{flex-shrink:0;width:630px;position:absolute;top:210px;left:0}
.hero__aside{position:absolute;top:150px;right:0;max-width:500px}
.hero__text h1{font-size:58px;font-weight:800;line-height:1.1;text-transform:capitalize;margin-bottom:58px;max-width:570px;width:100%}
.hero__aside .lead{letter-spacing:.02em;color:#fff;margin-bottom:36px}
.hero__image{position:relative;width:100%;max-width:620px;margin:0 auto}
.hero__image img{width:100%;height:auto}


/* ---------------- Quote ---------------- */
.quote{padding:80px 0;text-align:center}
.quote blockquote{max-width:1020px;margin-inline:auto;font-family:"Raleway",sans-serif;font-style:italic;font-weight:800;font-size:40px;line-height:1.4;letter-spacing:1px;color:#273583;text-transform:capitalize}
.quote cite{display:block;margin-top:32px;font-style:normal;font-weight:500;font-size:clamp(1rem,0.2vw + 0.95rem,1.25rem);text-transform:uppercase;letter-spacing:.02em}


/* ---------------- Problem / Flow ---------------- */
.problem_section_full .section-head h2{font-weight:800;color:#263067;text-transform:capitalize;max-width:710px;margin:0 auto;width:100%}
.flow{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap;max-width:1600px;margin-inline:auto;margin-top:100px}
.flow__card{flex:1 1 220px;min-width:200px;border-radius:24px;padding:24px 20px;text-align:center;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.flow__card h3{font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-size:22px}
.flow__card p{letter-spacing:.01em}
.flow__card--lime{background:#a7c823;border:1px solid #a7c823;color:#fff}
.flow__card--yellow{background:#ffe500;border:1px solid #ffe500;color:#0b0e1e}
.flow__card--cyan{background:#76c7da;border:1px solid #76c7da;color:#fff}
.flow__card--navy{background:#273583;border:1px solid #273583;color:#fff}
.flow__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;color:#273583;font-size:20px}

/* ---------------- Guide CTA band ---------------- */
.guide-cta{text-align:center;color:#fff;background:#273583;padding:80px 0}
.guide-cta h2{font-weight:800;text-transform:capitalize;margin-inline:auto}
.guide-cta p{margin-top:24px;font-weight:500;color:#fff}
.guide-cta .btn{margin-top:40px}

/* ---------------- Framework ---------------- */
.framework__stage{display:flex;gap:0;margin:60px auto 0}
.framework_col_center .phone{width:100%}
.framework__phone.framework_col_center{flex-shrink:0;width:460px}
.framework__col{display:flex;flex-direction:column;gap:210px;width:100%}
.framework_col_left{margin-top:100px}
.framework_col_right{margin-top:60px}
.framework_col_left .force-card_cont:last-child .force-card{margin:0 auto!important}
.framework_col_right .force-card_cont:last-child .force-card{margin:0 auto!important}
.force_card_cont1::after{bottom:100px!important}
.force_card_cont1::before{bottom:100px!important;margin-bottom:-9px}
.force_card_cont2::after{bottom:50%!important}
.force_card_cont2::before{bottom:50%!important;margin-bottom:-9px}
.force_card_cont3::after{bottom:50%!important}
.force_card_cont3::before{bottom:50%!important;margin-bottom:-9px}
.force_card_cont4::after{top:100px!important}
.force_card_cont4::before{top:100px!important;margin-bottom:-9px}
.force-card_cont{position:relative}
.framework__phone{align-self:center}
.framework__phone img{width:100%;height:auto}
.framework_col_left .force-card_cont:last-child .force-card{margin-left:auto}
.framework_col_right .force-card_cont:last-child .force-card{margin-right:auto}
.framework_col_right .force-card_cont:first-child .force-card{margin-left:auto}
.force-card{background:#263067;color:#fff;border-radius:24px;padding:28px 24px;text-align:center;max-width:400px;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:relative;z-index:1}
.force-card h3{font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:12px;font-size:24px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.force-card p{color:#fff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.force-card svg{background:#FFE500;padding:11px;border-radius:14px;width:70px;height:70px;margin-bottom:20px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.force-card:hover svg{background:#263067}
.force-card svg path{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.force-card:hover svg path{fill:#FFE500}


/* ---------------- Balance / Spheres ---------------- */
.balance__sub-eyebrow{text-align:center;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.02em;color:#273583;margin:60px 0 20px}
.spheres { position:relative; width:100%; max-width:1500px; margin-inline:auto; aspect-ratio:1920 / 700; }
.spheres__logo { position:absolute; left:38.13%; top:40.7%; width:23.72%; height:17.1%; z-index:2; }
.sphere{position:absolute;width:21.72%;height:22.14%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:8px}
.sphere h3{font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:23px}
.sphere p{font-weight:600;margin-top:6px;font-size:17px}
.sphere--health{left:39.17%;top:9.14%;background:#34afc8}
.sphere--wealth{left:66.3%;top:32.3%;background:#a7c823}
.sphere--happiness{left:53.65%;top:67.3%;background:#ebd300}
.sphere--business{left:24.64%;top:67.3%;background:#76c7da}
.sphere--relationships{left:11.98%;top:32.3%;background:#273583}
.spheres__stage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;                
}


/* ---------------- Testimonial ---------------- */

.testimonial{text-align:center;padding:70px 0}
.testimonial h2{font-weight:800;text-transform:capitalize;margin-bottom:40px}
.testimonial blockquote{max-width:1000px;width:100%;margin:0 auto}
.testimonial cite{display:block;margin-top:20px;font-style:normal;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:.02em;color:#a7c823}

/* ---------------- How it works / Steps ---------------- */
.steps{display:flex;gap:40px}
.step-card{background:#F0F2FA;border:1px solid #26306733;border-radius:24px;padding:15px 30px 15px 15px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.step-card:hover{background:#263067;color:#fff}
.step-card:hover h3{color:#fff}
.step-card:hover p{color:#fff}
.step-card__num,.step-card,.step-card__num,.step-card h3,.step-card__num,.step-card p{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.step-card:hover .step-card__num{color:#263067;background:#263067}
.hover_step_blue:hover .step-card__num{background:#3AADCA}
.hover_step_yellow:hover .step-card__num{background:#ffe500}
.hover_step_green:hover .step-card__num{background:#A7C823}
.step-card__num{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:24px;background:#263067;color:#ffe500;font-weight:700;font-size:35px;letter-spacing:.02em;margin-bottom:24px}
.step-card h3{font-size:24px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#000;margin-bottom:15px;max-width:390px;width:100%;line-height:1.2}
.step-card p{font-size:18px;color:#474747}
.final-cta{background:#273583;color:#fff}
.final-cta__grid{display:flex;align-items:flex-end;gap:90px;box-sizing:border-box;justify-content:space-between}
.final-cta h2{font-weight:800;text-transform:capitalize;margin-bottom:28px;max-width:870px;width:100%}
.final-cta__sub{color:#fff;margin-bottom:24px}
.final-cta__price{margin-bottom:32px;font-size:14px}
.final-cta__price strong{color:#ffe500;font-weight:700;text-transform:uppercase}
.final-cta__ctas{display:flex;gap:16px;flex-wrap:wrap;margin:60px 0 15px}
.final-cta__legal{display:flex;gap:32px;flex-wrap:wrap;font-size:17px;color:#fff;margin-top:70px;justify-content:space-between;margin-bottom:40px}
.final-cta__legal a:hover{color:#000}
.final-cta__image{position:relative;display:flex;justify-content:center;width:660px;flex-shrink:0;margin-bottom:-160px}
.phone{position:relative;aspect-ratio:506 / 1031}
.phone__frame{position:relative;z-index:2;width:100%;height:auto;display:block;pointer-events:none}
.phone__screen{position:absolute;top:2.04%;left:4.55%;right:4.55%;bottom:2.13%;z-index:1;overflow:hidden;border-radius:9% / 4.3%}
.phone__slider,.phone__slider .swiper-wrapper,.phone__slider .swiper-slide{height:100%}
.phone__screen img{width:100%;height:100%;object-fit:cover;display:block;background:#fdfdfe}
.final-cta__image{position:relative;width:660px;flex-shrink:0;margin-bottom:-160px;display:block}
.final-cta__phone--front{position:relative;z-index:2;width:64%;margin-left:36%}
.final-cta__phone--back{position:absolute;left:0;bottom:0;width:52%;z-index:3}
.final-cta{padding-top:80px}
.spheres .sphere {
  opacity: 0;
}

.spheres-pin {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.spheres.in-view .sphere,.spheres.in-view .spheres__logo{opacity:1;transform:scale(1)}
.spheres.in-view .sphere:nth-child(1){transition-delay:.5s}
.spheres.in-view .sphere:nth-child(2){transition-delay:1s}
.spheres.in-view .sphere:nth-child(3){transition-delay:1.5s}
.spheres.in-view .sphere:nth-child(4){transition-delay:2s}
.spheres.in-view .sphere:nth-child(5){transition-delay:2.5s}
.spheres.in-view .spheres__logo{transition-delay:3s}
.framework_section_width .section-head{text-align:center;max-width:1100px;margin:0 auto;width:100%}
.framework_section_width{padding:70px 0}
.force-card{position:relative}
.framework_col_left .force-card_cont::after,.framework_col_right .force-card_cont::after{content:"";position:absolute;width:400px;height:0;border-top:2px dashed #273583;transform:translateY(-50%)}
.framework_col_left .force-card_cont::after{right:0}
.framework_col_right .force-card_cont::after{left:0}
.force-card:hover{background:#ffe500;color:#000}
.force-card:hover p{color:#000}
.framework_col_left .force-card_cont::before,.framework_col_right .force-card_cont::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#273583;box-shadow:0 0 0 4px #27358333;z-index:3}
.framework_col_left .force-card_cont::before{right:-10px;transform:translate(-50%,-50%)}
.framework_col_right .force-card_cont::before{left:-11px;transform:translate(50%,-50%)}
.force-card_cont{position:relative}
.problem_section_full{padding:120px 0 160px}
.problem_section_full .section-head{text-align:center;max-width:1250px;margin:0 auto;width:100%}



@media (max-width: 1000px) {
	.force-card::before,.force-card::after{display:none}
}

.flow{gap:40px}
.flow__card{position:relative}
.flow__link{position:absolute;left:50%;width:calc(100% + 40px);height:60px;pointer-events:none;background:repeating-linear-gradient(90deg,#263067 0 16px,transparent 16px 26px) top/100% 1px no-repeat,repeating-linear-gradient(180deg,#263067 0 16px,transparent 16px 26px) left/1px 100% no-repeat,repeating-linear-gradient(180deg,#263067 0 16px,transparent 16px 26px) right/1px 100% no-repeat}
.flow__link--top{bottom:100%}
.flow__link--bottom{top:100%;background:repeating-linear-gradient(90deg,#263067 0 16px,transparent 16px 26px) bottom/100% 1px no-repeat,repeating-linear-gradient(180deg,#263067 0 16px,transparent 16px 26px) left/1px 100% no-repeat,repeating-linear-gradient(180deg,#263067 0 16px,transparent 16px 26px) right/1px 100% no-repeat}
.flow__link::before,.flow__link::after,.flow__link i{content:"";position:absolute;width:12px;height:12px;border:solid #263067;border-width:0 1px 1px 0}
.flow__link i{left:50%}
.flow__link--top i{top:0;transform:translate(-50%,-50%) rotate(-45deg)}
.flow__link--bottom i{top:100%;transform:translate(-50%,-50%) rotate(-45deg)}
.flow__link--top::after{left:100%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.flow__link--bottom::after{left:100%;top:50%;transform:translate(-50%,-50%) rotate(-135deg)}
.flow__card--lime .flow__link::before{display:none}
.flow__link--bottom::before{left:0;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.flow__card--cyan .flow__link--top::before{left:0;top:50%;transform:translate(-50%,-50%) rotate(-135deg)}
.flow__card:hover{background:#fff;color:#000;border:1px solid #CCC}
.hero::after{content:'';position:absolute;left:50%;top:-210%;width:120%;aspect-ratio:1 / 1;transform:translateX(-50%);background:#273583;border-radius:50%;filter:blur(800px);z-index:0;pointer-events:none;opacity:.7}
.hero::before{content:'';position:absolute;left:50%;top:-150%;width:100%;aspect-ratio:1 / 1;transform:translateX(-50%);background:#76C7DA;border-radius:50%;filter:blur(400px);z-index:0;pointer-events:none}
.bottom_mask_color{position:absolute;top:0;left:0;width:100%;height:100%}
.bottom_mask_color::after{content:'';position:absolute;left:50%;bottom:-210%;width:120%;aspect-ratio:1 / 1;transform:translateX(-50%);background:linear-gradient(270deg,#FFE500 0%,#76C7DA 100%);border-radius:50%;filter:blur(400px);z-index:0;pointer-events:none;opacity:.7}
.bottom_mask_color::before{content:'';position:absolute;left:50%;bottom:-150%;width:100%;aspect-ratio:1 / 1;transform:translateX(-50%);background:#273583;border-radius:50%;filter:blur(800px);z-index:1;pointer-events:none;opacity:.4}
.header_top{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;height:auto;z-index:99}
.header_top.clone{z-index:999;position:fixed;top:-400px;left:0;width:100%;height:auto;background:#263067;box-shadow:0 3px 6px #0000004d}
.down .header_top.clone{top:0}
.hero__aside{z-index:2}

	.pin-spacer_image{display:none !important;}
/* Hide the cloned sticky header over the spheres section */
body.hide-header .header_top.clone {
  transform: translateY(-120%);   /* slides it out of view */
  /* sau, dacă preferi direct: top: -400px; */
}

@media (max-width: 1600px) {
	.hero__text{width:500px}
	.hero__aside{max-width:430px}
	.hero__text h1{font-size:50px}
	.hero__image{max-width:470px}
	.hero__aside{max-width:360px}
	.eyebrow{font-size:18px}
	.problem_section_full{padding:80px 0 140px}
	.force-card{max-width:350px}
	.framework_col_left .force-card_cont::after,.framework_col_right .force-card_cont::after{width:330px}
	h1{font-size:50px}
	h2{font-size:45px}
	h3{font-size:40px}
	h4{font-size:30px}
	h5{font-size:25px}
	h6{font-size:20px}
}


@media (max-width: 1365px) {
	.hero__text{width:430px}
	.hero__aside{max-width:330px}
	.hero__text h1{font-size:43px}
	.store-badges__row img{height:42px}
	.force-card{padding:25px 20px;max-width:280px}
	.force-card h3{font-size:20px}
	body{line-height:1.5;font-size:17px}
	.framework__phone.framework_col_center{width:320px}
	.sphere h3{font-size:19px}
	.sphere p{font-weight:500;font-size:14px}
	.final-cta__image{width:540px}
}


@media (max-width: 1200px) {
	.hero__content{padding-top:120px;gap:24px}
	.framework__col{gap:120px}
	.final-cta__grid{gap:48px}
	.eyebrow{font-size:16px}
	.hero__text h1{font-size:32px}
	.hero__text{width:320px}
	.hero__image{max-width:330px}
	.hero__content{padding-top:160px}
	.hero__text{top:170px}
	.hero__image .phone{margin-right:auto;}
	.hero__aside{max-width:300px;font-size:15px}
	.store-badges__row img{height:38px}
	.quote blockquote{font-size:30px}
	h1{font-size:45px}
	h2{font-size:38px}
	h3{font-size:34px}
	h4{font-size:30px}
	h5{font-size:25px}
	h6{font-size:20px}
	.flow__card{flex:1 1 180px}
	.framework_col_left .force-card_cont::after,.framework_col_right .force-card_cont::after{width:220px}
	.step-card h3{font-size:19px}
	.step-card p{font-size:16px}
	.step-card__num{font-size:29px}
	.final-cta__grid{align-items:center}
	.final-cta__image{margin-bottom:0;width:440px}
	.sphere p {font-size: 13px;}
}


@media (max-width: 1000px) {
	.hero__content{flex-direction:column;text-align:center;padding-top:100px;gap:40px}
	.hero__image{order:-1}
	.hero__image .phone{max-width:300px}
	.hero__aside .lead{margin-inline:auto}
	.hero__aside .store-badges{display:flex;flex-direction:column;align-items:center}
	.store-badges__row{justify-content:center}
	.framework__stage{flex-direction:column;gap:40px;max-width:480px;margin-inline:auto}
	.framework__col{gap:24px}
	.framework__phone.framework_col_center{width:100%;max-width:300px;margin-inline:auto;order:-1}
	.final-cta__grid{flex-direction:column;align-items:stretch;gap:40px}
	.final-cta__image{width:100%;max-width:420px;margin:0 auto}
	.hero__text{position:relative;top:0;width:100%!important;max-width:320px;margin:0 auto!important}
	.hero__aside{position:relative;top:0;width:100%!important;max-width:520px;margin:0 auto!important}
	.hero__text{order:1}
	.hero__aside{order:2}
	.hero__image{order:3}
	.hero__content{padding-top:140px}
	.flow__card{width:100%;max-width:360px;display:flex;flex-direction:column;justify-content:center}
	.framework_col_left{order:1!important}
	.framework_col_center{order:2!important}
	.framework_col_right{order:3!important}
	.framework_col_left .force-card_cont::after,.framework_col_right .force-card_cont::after{display:none}
	.framework_col_left .force-card_cont::before,.framework_col_right .force-card_cont::before{display:none}
	.framework_col_left,.framework_col_right{display:flex;flex-direction:row;gap:50px;width:100%;justify-content:center}
	.problem_section_full{padding:80px 0}
	.framework__stage{flex-direction:column;gap:40px;max-width:100%}
	.force-card{padding:25px 20px;max-width:360px;height:100%}
	.framework_col_right{margin-top:0}
	.framework_col_left{margin-top:0}
	.final-cta__gridcst{order:2;text-align:center}
	.final-cta__image{order:1}
	.final-cta__ctas{justify-content:center}
	.sphere{width:240px;border-radius:50%;padding:15px 8px;height:auto!important}
	.sphere--health,.sphere--wealth,.sphere--happiness,.sphere--business,.sphere--relationships{left:auto;top:auto;right:auto;bottom:auto;position:relative;margin:16px auto}
	.logo__word{height:50px}
	.force-card{margin:0 auto!important}
	.spheres-pin{display:none !important;}
	.pin-spacer_image{display:block !important;}
}

 
@media (max-width: 900px) {
	.flow{flex-direction:column;align-items:center;margin-top:48px}
	.flow__card{width:100%;max-width:360px}
	.steps{display:flex;gap:40px;flex-wrap:wrap;max-width:400px;margin:0 auto;width:100%}
	#how-it-works{text-align:center}
	.step-card__num{font-size:29px;margin:0 auto 20px}
}

@media (max-width: 760px) {
	.spheres-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:500px;margin-inline:auto}
	.flow{gap:32px}
	.flow .flow__link{display:block;position:absolute;left:50%;right:auto;top:100%;bottom:auto;width:20px;height:20px;background:none;transform:translateX(-50%)}
	.flow__card .flow__link::before,.flow__card .flow__link i{display:none}
	.flow__card .flow__link::after{content:"";display:block;position:absolute;left:50%;top:50%;width:12px;height:12px;border:solid #263067;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg);background:none}
	.flow__link::after{bottom:-6px;top:auto!important}
}

@media (max-width: 600px) {
	.final-cta__ctas{flex-direction:column}
	.final-cta__legal{flex-direction:column;gap:8px;text-align:center}
	.store-badges__row img{height:44px}
	.hero__top{justify-content:center;text-align:center}
	.hero__text h1{font-size:19px;margin-bottom:30px}
	.eyebrow{font-size:13px}
	.store-badges__row img{height:40px}
	.hero__image .phone{margin-right:auto}
	.quote blockquote{font-size:17px}
	.quote{padding:40px 0}
	h1{font-size:28px}
	h2{font-size:25px}
	h3{font-size:22px}
	h4{font-size:20px}
	h5{font-size:18px}
	h6{font-size:17px}
	.problem_section_full{padding:50px 0}
	.section-head p{font-size:15px}
	body{font-size:15px}
	.container{width:92%}
	.guide-cta{padding:50px 0}
	.guide-cta::after{left:38%;top:50%;width:120%}
	.framework_section_width{padding:60px 0}
	.framework_col_left,.framework_col_right{flex-direction:column;gap:50px}
	.padding_balance{padding:50px 0}
	.testimonial{padding:50px 0}
	.testimonial cite{font-size:16px}
	#how-it-works{padding:50px 0}
	.step-card__num{width:64px;height:64px}
	.final-cta__image{max-width:230px}
	.final-cta__legal{font-size:15px}
	.hero__top .btn{display:none!important}
	.clone .logo__word{height:40px}
	.hero__top{padding-top:11px;padding-bottom:11px}
}


@media (max-width: 420px) {
	.flow__card { max-width: 100%; }
	.hero__image .phone,
	.framework__phone.framework_col_center { max-width: 260px; }
}


@media (max-width: 900px) {
  .flow__link { display: none; }
}