body{font-family:'Inter',sans-serif;margin:0;padding:0}.main-menu{list-style:none;display:flex;justify-content:center;align-items:center;gap:30px;margin:0;padding:0}.main-menu li{display:inline-block}.main-menu a{text-decoration:none;color:#25281F;font-weight:400;font-size:14px;font-family:'Inter',sans-serif}.cta-button{display:inline-block;padding:14px;font-size:14px;font-weight:400;color:#fff;background:linear-gradient(to bottom,#FA8D5B 0%,#F9571A 52%,#E13B07 94%);border:none;border-radius:999px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity 0.3s ease;font-family:'Inter',sans-serif}.cta-button:hover{opacity:.9}.menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;background:#FF5722;border-radius:5px;color:#fff}.mobile-nav{display:none;background:#fff;padding:0;border-top:1px solid #eee}.mobile-nav.open{display:block;position:absolute;width:100%;height:100vh;background:#fff;z-index:1}.mobile-menu{list-style:none;padding:0;margin:0;text-align:left}.mobile-menu li{padding:20px 0;border-bottom:0 solid #eee}.mobile-menu a{text-decoration:none;color:#25281F;font-weight:400;font-family:'Inter',sans-serif}@media (max-width:996px){.site-nav,.header-cta{display:none}.menu-toggle{display:block}}@media (max-width:700px){.companion-row{flex-direction:column;gap:40px;display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px;align-items:center}.companion-cards{gap:40px!important}.companion-card{width:100%;max-width:360px;display:flex;flex-direction:column-reverse;align-items:center;position:static}.mockup{display:flex;flex-direction:column-reverse;align-items:center;position:static;gap:20px}.card-text{position:relative!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin-top:16px}.companion-title{text-align:left!important;font-size:24px!important;margin-bottom:30px!important;width:auto!important}}.row-1.hovered .card-1 .mockup img{transform:rotate(-5deg) translateX(-10px)}.row-1.hovered .card-2 .mockup img{transform:rotate(5deg) translateX(10px)}.row-2.hovered .card-3 .mockup img{transform:rotate(-5deg) translateX(-10px)}.row-2.hovered .card-4 .mockup img{transform:rotate(5deg) translateX(10px)}.mockup img{transition:transform 0.4s ease}.card-text .companion-bubble-title{font-weight:500;font-size:16px;margin-bottom:6px;color:#25281F;text-align:left}.card-text .companion-bubble-body{font-weight:400;font-size:14px;color:#045A58;margin-top:0;text-align:left}.companion-section{background-size:cover;background-position:center;padding:10px 0;width:100%}.companion-title{text-align:center;font-size:2.5rem;font-weight:600;width:700px;margin:0 auto;padding-bottom:2%;padding-top:2%}.companion-cards{display:flex;flex-direction:column;gap:80px;align-items:center}.companion-row{display:flex;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px}.companion-card{position:relative;flex-shrink:0}.mockup{position:relative}.mockup img{width:100%;border-radius:24px;display:block}.card-text{position:absolute;background:#fff;padding:14px 18px;border-radius:14px;box-shadow:0 8px 18px rgb(0 0 0 / .1);width:260px;font-size:15px;line-height:1.4}.card-1 .card-text,.card-3 .card-text{top:20%;left:-220px}.card-2 .card-text,.card-4 .card-text{bottom:10%;right:-200px}@media only screen and (max-width:1024px) and (min-width:701px){.companion-row{flex-direction:column;align-items:center;gap:60px}.card-2 .card-text,.card-4 .card-text{top:-200;right:-120px}.card-1 .card-text,.card-3 .card-text{top:-450;left:-180px}.companion-card{width:90%;max-width:320px}.mockup{display:flex;flex-direction:column;align-items:center}.card-text{position:relative;top:auto;left:auto;right:auto;bottom:auto;margin-top:16px;width:100%;max-width:260px;text-align:left}}.arrow-img{text-align:end}.qa-result-screen{flex-direction:column;justify-content:center;align-items:center;text-align:left!important;line-height:1.5;padding:0px!important}.qa-container{gap:0px!important}.result-type h2{margin:0}.result-type h2{text-align:center}@media only screen and (max-width:1024px){.arrow-img{display:none}.qa-container{margin:0 auto;display:flex!important;align-items:center!important;gap:0px!important;flex-direction:column!important}.qa-left,.qa-right{flex:0!important;padding:0!important}.qa-center{padding:0px!important}.mobile-frame{margin-top:0px!important}}@media only screen and (max-width:700px){.qa-left h2{text-align:left!important;font-size:24px!important;margin-bottom:0px!important}}.mobile-frame{width:360px;height:680px;background:#E0F9FF;border-radius:40px;box-shadow:0 20px 40px rgb(0 0 0 / .15);margin:40px auto;position:relative;overflow:hidden;border:10px solid #000}.mobile-screen{width:100%;height:650px;padding:20px;box-sizing:border-box;position:relative;overflow:none}.faq-answer p{margin-top:0px!important}.faq-section{background:linear-gradient(to bottom,#fff7f5,#ffffff);padding:60px 20px;font-family:Inter,sans-serif}.faq-container{display:flex;flex-wrap:wrap;margin:0 auto;gap:40px;align-items:flex-start}.faq-left{flex:1 1 30%;text-align:left}.faq-left h2{font-size:2.5rem;font-weight:600;color:#25281F}.faq-left img{margin-top:40px;max-width:120px}.faq-right{flex:1 1 60%}.faq-list{list-style:none;padding:0;margin:0}.faq-item{border-bottom:1px solid #eee;padding:16px 0}.faq-question{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.faq-question .faq-plus{flex-shrink:0;width:20px;text-align:center;color:#ff5c36;font-size:20px;font-weight:700;margin-top:3px;transition:transform 0.2s ease}.faq-item.active .faq-plus{transform:rotate(45deg)}.faq-question h3{font-size:20px;font-weight:600;margin:0;color:#25281F}.faq-answer{margin-left:32px;margin-top:10px;display:none;font-size:16px;color:#555;line-height:1.5}.faq-item.active .faq-answer{display:block}.heart-shape{width:120px;height:120px;background:#ccc;-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 32'%3E%3Cpath fill='white' d='M24.6,4.1c-2.7,0-5.2,1.4-6.6,3.7C16.6,5.5,14.1,4.1,11.4,4.1c-4.7,0-8.5,3.9-8.5,8.6c0,8.3,9.4,12.9,15.2,18.7c5.8-5.8,15.2-10.4,15.2-18.7C33.1,8,29.3,4.1,24.6,4.1z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33 32'%3E%3Cpath fill='white' d='M24.6,4.1c-2.7,0-5.2,1.4-6.6,3.7C16.6,5.5,14.1,4.1,11.4,4.1c-4.7,0-8.5,3.9-8.5,8.6c0,8.3,9.4,12.9,15.2,18.7c5.8-5.8,15.2-10.4,15.2-18.7C33.1,8,29.3,4.1,24.6,4.1z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;transition:background 0.5s ease;animation:heartbeat 1.2s infinite}.heart-indicator{display:flex;justify-content:center;margin-bottom:20px}.heart-shape.green{background:linear-gradient(to top,#29b85d,#c5f8c2)}.heart-shape.blue{background:linear-gradient(to top,#3a8dde,#c1e4ff)}.heart-shape.orange{background:linear-gradient(to top,#f8a531,#ffe5c1)}.heart-shape.red{background:linear-gradient(to top,#ec4444,#ffc1c1)}.qa-result-screen{text-align:center;padding:30px 20px;display:none;height:100%;background:#fff6ef;padding:20px;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center}.result-type{display:none}.result-type.active{display:block}.qa-progress-wrapper{text-align:center;margin-bottom:20px}.qa-counter{font-weight:700;margin-bottom:8px;font-size:16px}.qa-progress-bar{background-color:#ddd;border-radius:6px;height:4px;width:80%;margin:0 auto;position:relative;overflow:hidden}.qa-progress-fill{background-color:#265d63;height:100%;width:0%;border-radius:6px;transition:width 0.3s ease-in-out}.qa-options{display:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:rgb(0 0 0 / .19) 0 10px 20px,rgb(0 0 0 / .23) 0 6px 6px;cursor:grab;transition:background 0.3s}.ripple-stroke{opacity:0;transform-origin:center;animation:ripple 3s infinite}.ripple-0{animation-delay:0s}.ripple-1{animation-delay:1s}.ripple-2{animation-delay:2s}@keyframes ripple{0%{opacity:.4;transform:scale(1)}100%{opacity:0;transform:scale(1.6)}}.qa-title{font-size:16px;font-weight:700;text-align:center}.qa-subcode{background:#eee;padding:4px 10px;border-radius:20px;font-size:.8em}.qa-question-wrap{text-align:center;margin-bottom:20px}.qa-question{font-size:16px;font-weight:600;margin-bottom:12px}.label{position:relative;z-index:2;font-size:18px;font-weight:700;margin:16px 0 8px;color:#FF6B6B;transition:color 0.4s ease;text-align:center}.slider-container{position:relative;z-index:2;width:90%;max-width:300px;margin:0 auto}input[type="range"]{width:100%;appearance:none;height:20px;border-radius:51px;background:linear-gradient(to right,#FF6B6B 0%,#FF9F43 33%,#339CFF 66%,#28C76F 100%);outline:none;margin:0}input[type="range"]::-webkit-slider-thumb,input[type="range"]::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 3px rgb(0 0 0 / .2);transition:background 0.3s}.qa-footer{text-align:center;margin-top:20px}.next-btn{background:linear-gradient(to right,#FF6B6B,#FF9F43);color:#fff;padding:12px 24px;border-radius:30px;font-weight:600;text-decoration:none;display:inline-block;border:none;width:100%;box-shadow:rgb(0 0 0 / .16) 0 3px 6px,rgb(0 0 0 / .23) 0 3px 6px}.qa-section{background:#f9f9ff url(https://dev.community.gm5.io/wp-content/uploads/2025/07/slider-bg.svg) no-repeat center center;background-size:cover;padding:0 20px}.qa-wrapper{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;flex-wrap:wrap}.qa-left,.qa-right{flex:1 1 300px;padding:0}.qa-center{flex:1 1 400px;display:flex;justify-content:center;position:relative;padding:20px}.mobile-frame{width:300px;background:#fff;border-radius:40px;box-shadow:0 10px 30px rgb(0 0 0 / .1);overflow:hidden;position:relative}.mobile-screen{position:relative;width:100%;height:100%;padding:20px;box-sizing:border-box}.blob-bg{position:absolute;top:-50px;left:-50px;width:400px;height:400px;z-index:0}.qa-question-wrap{position:relative;z-index:2}.question-slide{display:none}.question-slide.active{display:block}.category{font-weight:700;margin-bottom:10px}.options .option{background:#eee;padding:10px 15px;border-radius:20px;margin-bottom:8px;cursor:pointer}.qa-range-slider{width:100%;margin-top:20px}.qa-button{display:inline-block;margin-top:20px;padding:12px 24px;background:linear-gradient(to right,#A86AE4,#6D28D9);color:#fff;border-radius:30px;text-decoration:none}.subtitle{font-size:16px;color:#555}@media (max-width:768px){.qa-wrapper{flex-direction:column;align-items:center}.qa-left,.qa-right{text-align:center}.container.no-p{padding:0}}.qa-container{color:#000}.qa-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:60px}.qa-left h2{font-size:2.5rem;font-weight:700;line-height:1.2;color:#25281F}.phone-ui{background:#fff;border-radius:30px;padding:30px 20px;box-shadow:0 10px 30px rgb(0 0 0 / .1);max-width:300px;margin:0 auto;width:100%}.question-category{margin-bottom:30px}.question-category h4{font-size:18px;font-weight:600;margin-bottom:10px}.qa-options{list-style:none;padding:0;margin:0}.qa-options li{background:#f1f1f1;padding:10px 15px;border-radius:10px;margin-bottom:10px;font-size:16px}.qa-right .subtitle{font-size:18px;margin-bottom:20px}.qa-button{display:inline-block;padding:18px;font-size:14px;font-weight:400;color:#fff;background:linear-gradient(to bottom,#FA8D5B 0%,#F9571A 52%,#E13B07 94%);border:none;border-radius:999px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:opacity 0.3s ease;font-family:'Inter',sans-serif}@media (max-width:1024px){.qa-container{grid-template-columns:1fr;text-align:center;gap:40px}.qa-left h2,.qa-right .subtitle{text-align:center}.qa-right{display:flex;flex-direction:column;align-items:center}}@media (max-width:600px){.qa-left h2{font-size:28px}.qa-right .subtitle{font-size:16px}.qa-options li{font-size:14px}.qa-button{font-size:14px}}@media (min-width:768px){.card-3 .card-text,.card-4 .card-text{opacity:0;transform:translateX(0);transition:all 0.6s ease}.card-3 .card-text{transform:translateX(-100px)}.card-4 .card-text{transform:translateX(50px)}.companion-row.row-2:hover .card-3 .card-text,.companion-row.row-2:hover .card-4 .card-text{opacity:1;transform:translateX(0)}}@media (min-width:768px){.card-1 .card-text,.card-2 .card-text{opacity:0;transform:translateX(0);transition:all 0.6s ease}.card-1 .card-text{transform:translateX(-50px)}.card-2 .card-text{transform:translateX(50px)}.companion-row.row-1:hover .card-1 .card-text,.companion-row.row-1:hover .card-2 .card-text{opacity:1;transform:translateX(0)}}.safety-wrapper.reverse{flex-direction:row-reverse}.support{justify-content:center!important}.imageright{justify-content:right!important}.safety-section{padding:4rem 0;background:linear-gradient(0deg,#FFDFD5 0%,#FEFEFE 51%,#ffebe0 100%)}.safebg{background:linear-gradient(0deg,#FFDFD5 0%,#FEFEFE 51%,#ffe2da 100%)}.safety-wrapper{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.safety-image{flex:1 1 45%;display:flex;justify-content:left;align-items:center}.safety-image img{max-width:60%;height:auto;display:block}.safety-content{flex:1 1 45%}.safety-small-heading{color:#0d766e;font-weight:500;margin-bottom:.5rem;font-size:16px}.safety-big-heading{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.3;color:#25281F}.safety-description{margin-bottom:2rem;color:#444;font-size:1rem;line-height:1.6}.safety-features-grid{display:flex;flex-wrap:wrap;gap:25px}.safety-feature-item{display:flex;align-items:center;gap:.5rem;flex:1 1 45%}.safety-feature-icon{width:24px;height:24px;flex-shrink:0}.safety-feature-text{font-size:1rem;color:#222}@media (max-width:768px){.safety-wrapper{flex-direction:column;text-align:left}.safety-image,.safety-content{flex:1 1 100%}.safety-feature-item{justify-content:left}}@media (max-width:700px){.safety-big-heading{font-size:24px;text-align:left}}@media (max-width:500px){.safety-features-grid{display:flex;flex-wrap:wrap;gap:25px;flex-direction:column}}