.habit-hero{position:relative;min-height:1100px;overflow:hidden;background:linear-gradient(90deg,#a23800,#1a0000)}.habit-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-bg-image,.habit-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(2px);transform:scale(1.02)}.habit-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--token-56aae5fc-f995-4aaa-9142-1f32f0eb2b60, #131515);z-index:1;opacity:.4}.page-width{position:relative;z-index:2;max-width:1400px;margin:auto;padding:0 20px}.habit-hero__content{max-width:900px;margin:auto;text-align:center;padding-top:200px}.hero-badge{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);font-size:14px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.3}.hero-badge .badge{background:#000;color:#fff;padding:2px 8px;border-radius:30px}.habit-hero h1{margin:20px 0 40px;color:#fff;font-size:clamp(44px,8vw,90px);line-height:1;letter-spacing:0;font-weight:700;font-family:the-seasons}.habit-hero p{max-width:500px;margin:0 auto;color:#fff;font-size:22px;line-height:1.5}.hero-buttons{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:40px;margin-bottom:40px}.btn-primary{display:flex;align-items:center;justify-content:center;height:54px;background:#fff;color:#111;border-radius:999px;text-decoration:none;font-weight:600;padding-inline:34px}.btn-secondary{display:flex;align-items:center;justify-content:center;height:54px;padding-inline:34px;border-radius:999px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.18);background:#ffffff14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.btn-secondary img{height:18px;width:auto;margin-right:9px}.hero-showcase{flex-flow:row;flex:none;place-content:flex-start center;align-items:flex-start;gap:40px;width:100%;max-width:920px;margin:0 auto;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.showcase-left{will-change:var(--framer-will-change-effect-override, transform);flex-flow:column;flex:1 0 0;place-content:center flex-end;align-items:center;gap:12px;width:1px;max-width:240px;height:min-content;padding:20px 6px 6px;display:flex;position:relative;overflow:visible}.showcase-center{will-change:var(--framer-will-change-effect-override, transform);flex-flow:column;flex:1 0 0;place-content:center flex-start;align-items:center;gap:10px;width:1px;height:min-content;padding:6px;display:flex;position:relative;overflow:visible}.showcase-right{will-change:var(--framer-will-change-effect-override, transform);flex-flow:column;flex:1 0 0;place-content:center;align-items:center;gap:12px;width:1px;max-width:240px;height:min-content;padding:160px 6px 6px;display:flex;position:relative;overflow:visible}.showcase-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--label-color, #ffffff);background:var(--label-bg, rgba(255, 255, 255, .1));border:1px solid rgba(255,255,255,.15);padding:6px 16px;border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:8px;text-align:center;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease,transform .3s ease;z-index:10;box-shadow:0 4px 20px #0003}.showcase-left img,.showcase-center img,.showcase-right img{box-shadow:0 0 0 6px #ffffff1a;height:auto;overflow:var(--overflow-clip-fallback, clip);will-change:var(--framer-will-change-override, transform);border-radius:50px}.showcase-right img,.showcase-left img{border-radius:16px}.hero-bottom-blur{filter:blur(25px);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:3;flex:none;height:auto;position:absolute;bottom:-80px;left:-50px;right:-50px;overflow:visible}.hero-bottom-blur svg,.hero-bottom-blur img{display:block;width:100%;height:auto}@media(max-width:768px){.hero-bottom-blur{filter:blur(8px);bottom:-60px;left:-50px;right:-50px}.habit-hero{min-height:auto;padding-bottom:80px}.habit-hero__content{padding-top:100px}.hero-buttons{flex-direction:column;align-items:center}.hero-showcase{gap:40px 20px;margin-top:60px;margin-bottom:-80px;flex-direction:column;align-items:center;padding-bottom:50px}.showcase-center{max-width:260px;width:auto;flex:auto}.showcase-left{width:calc(50% - 10px);flex:auto}.showcase-right{width:calc(50% - 10px);flex:auto;padding:0}.showcase-left img,.showcase-center img,.showcase-right img{border-radius:16px}.habit-hero p{font-size:18px}.showcase-center img{border-radius:28px}}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000c;z-index:999999;padding:20px}.video-modal.active{display:flex}.video-modal-content{position:relative;width:min(100%,1000px)}.video-modal-content iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:24px;background:#000;display:block}.video-modal-close{position:absolute;top:15px;right:15px;width:48px;height:48px;border:none;border-radius:12px;background:#fff;font-size:24px;cursor:pointer;z-index:2}.app-store-btn-white{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;background:#fff!important;color:#000!important;border:1px solid #000000!important;border-radius:8px!important;padding:0 25px 0 20px!important;height:60px!important;text-decoration:none!important;box-sizing:border-box!important;transition:opacity .2s!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.app-store-btn-white .btn-icon{width:40px;height:40px;margin-right:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-store-btn-white .btn-icon svg{width:100%;height:100%;fill:#000}.app-store-btn-white .btn-text-wrapper{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;text-align:left}.app-store-btn-white .btn-subtext{font-size:12px;font-weight:400;letter-spacing:0px;color:#000;margin-bottom:2px}.app-store-btn-white .btn-maintext{font-size:22px;font-weight:600;letter-spacing:-.2px;color:#000}@media(max-width:767px){.hero-buttons{flex-direction:column;align-items:center;gap:12px}.app-store-btn-white{max-width:240px;border-radius:7px!important;justify-content:center!important}.app-store-btn-white .btn-icon{width:40px;height:40px}.btn-secondary{width:100%;max-width:240px;justify-content:center!important;height:48px!important;font-size:15px!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/habitline-hero.css.map */