.how-it-works-page-hero{--hero-overlay-opacity:0.7;--hero-gradient-start:rgba(20,10,35,.8);--hero-gradient-end:rgba(40,15,60,.9);background-image:url(/images/how-it-works/hero-bg.jpg)}.how-it-works__steps-grid{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}.how-it-works__step-card{align-items:center;background:linear-gradient(135deg,rgba(30,15,45,.7),rgba(15,10,30,.9));border:1px solid rgba(var(--color-gold-rgb),.2);border-radius:var(--border-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.25);display:flex;flex-direction:column;padding:2.5rem 2rem;position:relative;text-align:center;transition:transform .3s var(--transition-standard),box-shadow .3s var(--transition-standard)}.how-it-works__step-card:hover{border-color:rgba(var(--color-gold-rgb),.4);box-shadow:0 15px 40px rgba(0,0,0,.35);transform:translateY(-5px)}.how-it-works__step-number{align-items:center;background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));border-radius:50%;box-shadow:0 4px 15px rgba(var(--color-gold-rgb),.3);color:var(--color-dark);display:flex;font-family:var(--font-family-heading);font-size:1.8rem;font-weight:700;height:50px;justify-content:center;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:50px}.how-it-works__step-icon{color:var(--color-gold);font-size:2.5rem;margin-bottom:1.25rem}.how-it-works__step-title{color:var(--color-gold-light);font-family:var(--font-family-heading);font-size:1.4rem;margin-bottom:1rem}.how-it-works__step-description{color:hsla(0,0%,100%,.8);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.how-it-works__app-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}.how-it-works__insight-examples,.how-it-works__method-options{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.how-it-works__insight-example,.how-it-works__method-tag{background:rgba(var(--color-gold-rgb),.15);border:1px solid rgba(var(--color-gold-rgb),.3);border-radius:2rem;color:var(--color-gold-light);font-size:.8rem;padding:.4rem .8rem}.how-it-works__practice-showcase{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin-top:3rem}.how-it-works__practice-image{border-radius:var(--border-radius-large);position:relative}.how-it-works__phone-frame{aspect-ratio:9/19;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:1px solid hsla(0,0%,100%,.12);border-radius:36px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 10px 20px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.08);margin:0 auto;max-width:280px;overflow:hidden;padding:8px;position:relative}.how-it-works__phone-frame:before{background:#000;border-radius:0 0 18px 18px;height:25px;top:0;width:35%}.how-it-works__phone-frame:after,.how-it-works__phone-frame:before{content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:2}.how-it-works__phone-frame:after{background:hsla(0,0%,100%,.25);border-radius:3px;bottom:8px;height:5px;width:30%}.how-it-works__phone-frame .side-button{background:#111;border-radius:2px 0 0 2px;position:absolute;right:-2px;width:3px;z-index:2}.how-it-works__phone-frame .power-button{height:35px;top:130px}.how-it-works__phone-frame .volume-up{height:25px;top:80px}.how-it-works__phone-frame .volume-down{height:25px;top:115px}.how-it-works__screenshot-container{background:linear-gradient(145deg,#190a28,#280f41);border-radius:28px;height:100%;overflow:hidden;position:relative;width:100%}.how-it-works__screenshot{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;position:relative;width:100%;z-index:1}.how-it-works__practice-overlay{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);bottom:0;color:var(--color-gold);display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;left:0;padding:2rem 1.5rem 1.5rem;position:absolute;right:0;z-index:3}.how-it-works__practice-overlay .material-symbols-rounded{font-size:1.5rem}.how-it-works__content-title{color:var(--color-gold-light);font-family:var(--font-family-heading);font-size:1.5rem;margin-bottom:1.25rem}.how-it-works__practice-features{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:1.5rem 0;padding:0}.how-it-works__practice-feature{align-items:flex-start;display:flex;gap:1rem}.how-it-works__practice-feature .material-symbols-rounded{color:var(--color-gold);flex-shrink:0;font-size:1.5rem;margin-top:.2rem}.how-it-works__practice-feature strong{color:var(--color-gold-light);display:block;font-weight:600;margin-bottom:.25rem}.how-it-works__practice-feature p{color:hsla(0,0%,100%,.75);font-size:.9rem;line-height:1.5;margin:0}.how-it-works__specialty-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:3rem}.how-it-works__specialty-card{background:linear-gradient(135deg,rgba(30,15,45,.7),rgba(15,10,30,.9));border:1px solid rgba(var(--color-gold-rgb),.15);border-radius:var(--border-radius);box-shadow:0 10px 25px rgba(0,0,0,.15);display:flex;flex-direction:column;padding:1.75rem;transition:transform .3s var(--transition-standard),box-shadow .3s var(--transition-standard),border-color .3s var(--transition-standard)}.how-it-works__specialty-card:hover{border-color:rgba(var(--color-gold-rgb),.3);box-shadow:0 15px 30px rgba(0,0,0,.25);transform:translateY(-5px)}.how-it-works__specialty-icon{align-items:center;background:rgba(var(--color-gold-rgb),.15);border-radius:50%;color:var(--color-gold);display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:1.25rem;width:50px}.how-it-works__specialty-title{color:var(--color-gold-light);font-family:var(--font-family-heading);font-size:1.2rem;margin-bottom:.75rem}.how-it-works__specialty-description{color:hsla(0,0%,100%,.75);flex-grow:1;font-size:.9rem;line-height:1.6}.how-it-works__guides-content{align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin:3rem 0}.how-it-works__guides-image{border-radius:var(--border-radius-large);position:relative}.how-it-works__guides-features{display:flex;flex-direction:column;gap:1.25rem;list-style:none;margin:1.5rem 0;padding:0}.how-it-works__guides-feature{align-items:flex-start;display:flex;gap:1rem}.how-it-works__guides-feature .material-symbols-rounded{color:var(--color-gold);flex-shrink:0;font-size:1.5rem;margin-top:.2rem}.how-it-works__guides-feature strong{color:var(--color-gold-light);display:block;font-weight:600;margin-bottom:.25rem}.how-it-works__guides-feature p{color:hsla(0,0%,100%,.75);font-size:.9rem;line-height:1.5;margin:0}.how-it-works__approach-comparison{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}.how-it-works__approach-card{background:linear-gradient(135deg,rgba(30,15,45,.7),rgba(15,10,30,.9));border:1px solid rgba(var(--color-gold-rgb),.15);border-radius:var(--border-radius);box-shadow:0 10px 25px rgba(0,0,0,.15);padding:2rem}.how-it-works__approach-card--combined{background:linear-gradient(135deg,rgba(40,20,60,.8),rgba(25,15,45,.95));border-color:rgba(var(--color-gold-rgb),.3);box-shadow:0 15px 35px rgba(0,0,0,.25),0 0 20px rgba(var(--color-gold-rgb),.1);position:relative;z-index:1}.how-it-works__approach-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem;position:relative}.how-it-works__approach-header .material-symbols-rounded{color:var(--color-gold);font-size:1.75rem}.how-it-works__approach-header h3{color:var(--color-gold-light);font-family:var(--font-family-heading);font-size:1.25rem;margin:0}.how-it-works__recommended-badge{background:linear-gradient(90deg,var(--color-gold),var(--color-gold-light));border-radius:2rem;color:var(--color-dark);font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;position:absolute;right:-22px;top:-22px}.how-it-works__approach-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.how-it-works__approach-list li{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.9rem;gap:.75rem}.how-it-works__approach-list .check{color:var(--color-gold);flex-shrink:0;font-size:1.25rem}.how-it-works__testimonial{display:flex;justify-content:center;margin-top:3rem}.how-it-works__testimonial-content{background:linear-gradient(135deg,rgba(30,15,45,.7),rgba(15,10,30,.9));border:1px solid rgba(var(--color-gold-rgb),.15);border-radius:var(--border-radius);box-shadow:0 10px 25px rgba(0,0,0,.15);max-width:650px;padding:2rem;position:relative}.how-it-works__testimonial-content:before{color:rgba(var(--color-gold-rgb),.2);content:'"';font-family:var(--font-family-heading);font-size:6rem;left:20px;line-height:1;position:absolute;top:-20px}.how-it-works__testimonial-content p{color:hsla(0,0%,100%,.85);font-style:italic;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.how-it-works__testimonial-author{align-items:center;display:flex;gap:1rem}.how-it-works__testimonial-author img{border:2px solid var(--color-gold);border-radius:50%;height:50px;width:50px}.how-it-works__testimonial-author div{display:flex;flex-direction:column}.how-it-works__testimonial-author strong{color:var(--color-gold-light)}.how-it-works__testimonial-author span{color:hsla(0,0%,100%,.6);font-size:.85rem}.how-it-works__faq-item summary{background:linear-gradient(135deg,rgba(30,15,45,.7),rgba(15,10,30,.9))}@media (min-width:768px){.how-it-works__steps-grid{grid-template-columns:repeat(3,1fr)}.how-it-works__guides-content,.how-it-works__practice-showcase{grid-template-columns:1fr 1fr}.how-it-works__approach-comparison{grid-template-columns:repeat(3,1fr)}.how-it-works__approach-card--combined{transform:scale(1.05)}.how-it-works__phone-frame{max-width:300px}}@media (min-width:992px){.how-it-works__specialty-grid{grid-template-columns:repeat(3,1fr)}}