.floating-header{z-index:1000;background:0 0;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;bottom:0;left:0;right:0}.header-contents{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:0 0;border-radius:48px;justify-content:space-between;align-items:center;width:30%;max-width:1400px;margin:0 auto;padding:.3rem;display:flex;box-shadow:0 0 12px rgba(128,128,128,.44)}.header-buttons{align-items:center;gap:.75rem;display:flex}.header-logo{cursor:pointer;transition:all .3s}.header-logo .logo{width:auto;height:43px;margin-bottom:-5px}.profile-image{position:relative}.user-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.user-avatar-placeholder{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.1rem;font-weight:600;display:flex}.profile-info{flex-direction:column;align-items:flex-start;display:flex}.user-name{color:var(--foreground);font-size:.9rem;font-weight:600;line-height:1.2}.user-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.host-experience-page{color:#222;background:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.hero-section{background:linear-gradient(135deg,var(--background)0%,rgba(0,145,90,.08) 100%);align-items:center;gap:4rem;min-height:100vh;padding:2rem 0;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;z-index:1;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"grain\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><circle cx=\"25\" cy=\"25\" r=\"1\" fill=\"%2300915a\" opacity=\"0.05\"/><circle cx=\"75\" cy=\"75\" r=\"1\" fill=\"%2300915a\" opacity=\"0.05\"/><circle cx=\"50\" cy=\"10\" r=\"0.5\" fill=\"%2300915a\" opacity=\"0.03\"/><circle cx=\"10\" cy=\"60\" r=\"0.5\" fill=\"%2300915a\" opacity=\"0.03\"/><circle cx=\"90\" cy=\"40\" r=\"0.5\" fill=\"%2300915a\" opacity=\"0.03\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grain)\"/></svg>");display:flex;top:0;bottom:0;left:0;right:0}.hero-content{z-index:2;flex:1;max-width:500px;position:relative}.hero-logo{justify-content:flex-start;margin-bottom:2rem;display:flex}.hero-logo .logo{cursor:pointer;width:auto;height:60px;transition:all .3s}.hero-logo .logo:hover{filter:brightness(1.1)}.hero-subtext{color:var(--muted);max-width:500px;margin:0 0 2.5rem;font-size:max(1.1rem,min(2vw,1.25rem));line-height:1.6}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.hero-image{z-index:2;flex:1.2;justify-content:center;align-items:center;display:flex;position:relative}.hero-visual{width:100%;max-width:800px;height:600px;margin:0 auto;position:relative}.hero-main-image{object-fit:cover;border-radius:24px;width:100%;height:100%}.floating-experience-cards{pointer-events:none;display:flex;top:0;bottom:0;left:0;right:0}.experience-card-floating{pointer-events:auto;cursor:pointer;border-radius:24px;width:180px;height:180px;display:flex;overflow:hidden}.experience-card-floating.cooking{top:20px;right:20px;transform:rotate(-5deg)}.experience-card-floating.hiking{bottom:20px;left:20px;transform:rotate(5deg)}.experience-card-floating.art{top:50%;left:-20px;transform:rotate(-3deg)translateY(-50%)}.experience-card-floating.tour{flex-shrink:0;top:20px;transform:rotate(3deg)translate(-50%)}.card-image{object-fit:cover;border-radius:24px;width:100%;height:100%}.card-overlay,.image-overlay{display:none}.experience-montage{grid-template-columns:1fr 1fr;gap:2rem;width:100%;padding:2rem;display:grid}.montage-item{background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 8px 25px rgba(0,0,0,.1)}.montage-item:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.montage-icon{width:48px;height:48px;color:var(--primary);margin-bottom:1rem}.what-is-section{background:#fff;padding:2rem 0}.what-is-section h2{color:var(--foreground);text-align:center;margin:0 0 1.5rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.section-description{color:var(--muted);text-align:center;max-width:800px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;max-width:1200px;margin-top:4rem;margin-left:auto;margin-right:auto;display:grid}.example-card{transition:all .3s;position:relative;overflow:hidden}.example-image{border-radius:24px;height:300px;position:relative;overflow:hidden}.example-image .card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.example-card:hover .example-image .card-image{transform:scale(1.05)}.image-overlay{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:rgba(0,145,90,.9);border-radius:12px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex;top:1rem;right:1rem}.example-content{text-align:center;background:0 0;padding:1rem 0}.example-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--primary-dark));height:4px;transition:transform .3s;display:flex;top:0;left:0;right:0;transform:scaleX(0)}.example-card:hover:before{transform:scaleX(1)}.example-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,145,90,.1)}.example-icon{background:var(--primary-light);width:64px;height:64px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.example-icon svg{width:32px;height:32px}.example-card p{color:var(--foreground);text-align:left;margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.why-host-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:2rem 0}.why-host-section h2{color:var(--foreground);text-align:center;margin:0 0 3rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.benefit-card{text-align:center;border:1px solid var(--border);background:#fff;border-radius:16px;padding:2.5rem;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.08)}.benefit-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,145,90,.15)}.benefit-icon{background:linear-gradient(135deg,var(--primary-light),rgba(0,145,90,.1));width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.benefit-icon svg{width:60px;height:60px}.benefit-card h3{color:var(--foreground);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.benefit-card p{color:var(--muted);text-align:left;margin:0;font-size:1rem;line-height:1.6}.how-it-works-section{background:#fff;padding:2rem 0}.how-it-works-section h2{color:var(--foreground);text-align:center;margin:0 0 3rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.steps-grid{flex-direction:column;gap:2rem;max-width:800px;margin-left:auto;margin-right:auto;display:flex;position:relative}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.5);border:1px solid rgba(0,145,90,.1);border-radius:12px;align-items:center;gap:2rem;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.step-image{display:none}.step-image .card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.step-card:hover .step-image .card-image{transform:scale(1.05)}.step-content{text-align:left;flex:1}.step-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,145,90,.1)}.step-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-right:1.5rem;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 15px rgba(0,145,90,.3)}.step-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-left:1rem;display:flex}.step-icon svg{width:60px;height:60px}.step-card h3{color:var(--foreground);text-align:left;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.step-card p{color:var(--muted);text-align:left;margin:0;font-size:1rem;line-height:1.6}.trust-safety-section{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:2rem 0}.trust-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.trust-text h2{color:var(--foreground);margin:0 0 1.5rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.trust-text p{color:var(--muted);margin:0 0 2rem;font-size:1.25rem;line-height:1.6}.trust-features{flex-direction:column;gap:1rem;display:flex}.trust-feature{background:#fff;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:all .3s;display:flex;box-shadow:0 2px 10px rgba(0,0,0,.05)}.trust-feature:hover{transform:translate(5px);box-shadow:0 5px 20px rgba(0,145,90,.1)}.trust-icon{background:var(--primary-light);width:60px;height:60px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-icon svg{width:20px;height:20px}.trust-visual{justify-content:center;align-items:center;display:flex}.shield-icon{background:linear-gradient(135deg,var(--primary-light),rgba(0,145,90,.1));width:200px;height:200px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 20px 40px rgba(0,145,90,.1)}.shield-icon svg{width:100px;height:100px}.inspiration-section{text-align:center;background:#fff;padding:2rem 0}.inspiration-section h2{color:var(--foreground);margin:0 0 3rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.inspiration-carousel{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.inspiration-item{border:2px solid var(--border);background:#fff;border-radius:16px;padding:2rem;transition:all .3s}.inspiration-item:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,145,90,.1)}.inspiration-icon{background:var(--primary-light);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.inspiration-icon svg{width:60px;height:60px}.inspiration-item p{color:var(--foreground);text-align:left;margin:0;font-size:1.1rem;font-weight:500;line-height:1.6}.final-cta-section{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;text-align:center;padding:2rem 0}.final-cta-section h2{color:#fff;margin:0 0 1.5rem;font-size:max(2rem,min(4vw,3rem));font-weight:700}.final-cta-section p{opacity:.9;max-width:800px;margin:0 auto 2.5rem;font-size:1.25rem;line-height:1.6}.btn-primary.large{color:var(--primary);border-radius:var(--radius);cursor:pointer;background:#fff;border:none;padding:1.25rem 3rem;font-size:1.25rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-primary.large:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}@media (max-width:1024px){.hero-section{text-align:center;flex-direction:column;gap:3rem}.hero-content{max-width:100%}.hero-visual{max-width:700px;height:500px}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.steps-grid{gap:1.5rem;max-width:100%}.step-card{text-align:center;flex-direction:column;gap:1rem}.step-number{margin-bottom:1rem;margin-right:0}.step-icon{margin-top:1rem;margin-left:0}.step-content,.step-card h3,.step-card p{text-align:center}.trust-content{text-align:center;grid-template-columns:1fr;gap:3rem}.trust-features{max-width:500px;margin:0 auto}}@media (max-width:768px){.container{padding:0 1rem}.hero-section{min-height:70vh;padding:3rem 0}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;max-width:300px}.header-buttons{flex-direction:column;gap:.5rem}.header-buttons .btn{padding:.5rem 1rem;font-size:.9rem}.header-contents{width:50%}.experience-montage{grid-template-columns:1fr;gap:1rem;padding:1rem}.montage-item{padding:1rem}.montage-icon{width:32px;height:32px}.examples-grid,.benefits-grid,.steps-grid,.inspiration-carousel{grid-template-columns:1fr;gap:1.5rem}.example-card,.benefit-card,.step-card,.inspiration-item{padding:1.5rem}.trust-features{gap:.75rem}.trust-feature{padding:.75rem}.shield-icon{width:150px;height:150px}.shield-icon svg{width:75px;height:75px}.btn-primary.large{padding:1rem 2rem;font-size:1.1rem}}@media (max-width:480px){.hero-headline{font-size:2rem}.hero-subtext{font-size:1rem}.what-is-section h2,.why-host-section h2,.how-it-works-section h2,.trust-text h2,.inspiration-section h2,.final-cta-section h2{font-size:1.75rem}.section-description,.trust-text p,.final-cta-section p{font-size:1rem}.benefit-icon,.step-icon,.inspiration-icon{width:60px;height:60px}.benefit-icon svg,.step-icon svg,.inspiration-icon svg{width:30px;height:30px}.example-icon{width:50px;height:50px}.example-icon svg{width:25px;height:25px}}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes heroSlideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes heroSlideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg)scale(.8)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.hero-content{animation:1s ease-out heroSlideIn}.hero-image{animation:1s ease-out .3s both heroSlideInRight}.hero-headline{animation:1s ease-out .2s both heroFadeIn}.hero-subtext{animation:1s ease-out .4s both heroFadeIn}.hero-buttons{animation:1s ease-out .6s both heroFadeIn}.montage-item{animation:.8s ease-out bounceIn}.montage-item:hover{animation:.5s ease-in-out wiggle}.what-is-section h2,.why-host-section h2,.how-it-works-section h2,.trust-text h2,.inspiration-section h2,.final-cta-section h2{animation:.8s ease-out slideInUp}.section-description{animation:.8s ease-out .2s both slideInUp}.example-card,.benefit-card,.step-card,.inspiration-item{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out slideInUp}.example-card:first-child{animation-delay:.1s}.example-card:nth-child(2){animation-delay:.2s}.example-card:nth-child(3){animation-delay:.3s}.example-card:nth-child(4){animation-delay:.4s}.benefit-card:first-child{animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.2s}.benefit-card:nth-child(3){animation-delay:.3s}.benefit-card:nth-child(4){animation-delay:.4s}.benefit-card:nth-child(5){animation-delay:.5s}.step-card:first-child{animation-delay:.1s}.step-card:nth-child(2){animation-delay:.2s}.step-card:nth-child(3){animation-delay:.3s}.step-card:nth-child(4){animation-delay:.4s}.inspiration-item:first-child{animation-delay:.1s}.inspiration-item:nth-child(2){animation-delay:.2s}.inspiration-item:nth-child(3){animation-delay:.3s}.inspiration-item:nth-child(4){animation-delay:.4s}.example-icon,.benefit-icon,.step-icon,.inspiration-icon{transition:all .3s;animation:.6s ease-out scaleIn}.example-icon:hover,.benefit-icon:hover,.step-icon:hover,.inspiration-icon:hover{animation:1s ease-in-out infinite pulse}.montage-icon{transition:all .3s;animation:.8s ease-out rotateIn}.montage-icon:hover{animation:.5s ease-in-out wiggle}.trust-text{animation:.8s ease-out slideInLeft}.trust-visual{animation:.8s ease-out slideInRight}.trust-feature{animation:.6s ease-out slideInLeft}.trust-feature:first-child{animation-delay:.1s}.trust-feature:nth-child(2){animation-delay:.2s}.trust-feature:nth-child(3){animation-delay:.3s}.shield-icon{animation:3s ease-in-out infinite float}.shield-icon svg{animation:2s ease-in-out infinite pulse}.btn-primary,.btn-secondary,.btn-primary.large{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before,.btn-primary.large:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:left .5s;display:flex;top:0;left:-100%}.btn-primary:hover:before,.btn-secondary:hover:before,.btn-primary.large:hover:before{left:100%}.btn-primary:hover,.btn-secondary:hover,.btn-primary.large:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,145,90,.3)}.btn-primary:active,.btn-secondary:active,.btn-primary.large:active{transition:transform .1s;transform:translateY(0)}.step-number{animation:.8s ease-out bounceIn}.step-card:hover .step-number{animation:1s ease-in-out infinite pulse}.trust-icon{transition:all .3s;animation:.6s ease-out scaleIn}.trust-icon:hover{animation:.5s ease-in-out wiggle}.example-card:hover,.benefit-card:hover,.step-card:hover,.inspiration-item:hover{background:linear-gradient(90deg,transparent,rgba(0,145,90,.05),transparent) 0 0/200% 100%;animation:1.5s ease-in-out shimmer}.montage-item:first-child{animation:3s ease-in-out infinite float}.montage-item:nth-child(2){animation:3s ease-in-out .5s infinite float}.montage-item:nth-child(3){animation:3s ease-in-out 1s infinite float}.montage-item:nth-child(4){animation:3s ease-in-out 1.5s infinite float}@keyframes fadeInOnScroll{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s ease-out both fadeInOnScroll}.slide-in-left{animation:.8s ease-out both slideInLeft}.slide-in-right{animation:.8s ease-out both slideInRight}.slide-in-up{animation:.8s ease-out both slideInUp}.scale-in{animation:.8s ease-out both scaleIn}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn-primary:focus,.btn-secondary:focus,.btn-primary.large:focus{outline:2px solid var(--primary);outline-offset:2px}.loading-spinner{align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn:disabled:hover{box-shadow:none!important;transform:none!important}@media (prefers-contrast:high){.hero-headline{color:var(--foreground);-webkit-text-fill-color:initial;background:0 0}.example-card,.benefit-card,.step-card,.inspiration-item{border-width:3px}}@media (max-width:768px){.header-contents{padding:.75rem 1rem}.header-logo .logo{height:35px}.user-avatar,.user-avatar-placeholder{width:35px;height:35px}.user-name{font-size:.8rem}.user-role{font-size:.7rem}}@media (max-width:480px){.header-profile .profile-info{display:none}.header-contents{width:53%;height:53px;padding:.3rem}}.hero-visual{max-width:100%;height:400px}.experience-card-floating{width:120px;height:120px}.examples-grid{grid-template-columns:1fr;gap:2rem}.steps-grid{gap:1rem}.step-card{text-align:center;flex-direction:column;padding:1.5rem}.step-number{width:50px;height:50px;margin-bottom:1rem;margin-right:0;font-size:1.2rem}.step-icon{width:35px;height:35px;margin-top:.5rem;margin-left:0}.example-image,.step-image{height:250px}.pricing-calculator{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.1)}.calculator-header{text-align:center;margin-bottom:2rem}.calculator-header h3{color:#222;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.calculator-header p{color:#717171;margin:0;font-size:.9rem}.calculator-input{margin-bottom:1.5rem}.calculator-input label{color:#222;margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.calculator-input input{border:2px solid #e5e5e5;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .3s}.calculator-input input:focus{border-color:var(--primary);outline:none}.calculator-results{border-top:1px solid #e5e5e5;padding-top:1rem}.result-row{justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.result-row.total{color:var(--primary);border-top:1px solid #e5e5e5;margin-top:.5rem;padding-top:.75rem;font-size:1rem;font-weight:600}.pricing-breakdown-section{background:#f8f9fa}.pricing-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.pricing-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.08)}.pricing-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,145,90,.15)}.card-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.card-header h3{color:#222;margin:0;font-size:1.25rem;font-weight:600}.fee-amount{color:var(--primary);font-size:1.5rem;font-weight:700}.card-content p{color:#717171;margin:0 0 1rem;font-size:1rem;line-height:1.6}.card-content ul{margin:0;padding:0;list-style:none}.card-content li{color:#222;padding:.5rem 0 .5rem 1.5rem;position:relative}.card-content li:before{content:"✓";color:var(--primary);font-weight:600;position:absolute;left:0}.mpesa-rates{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.rate-type{text-align:center;background:#f8f9fa;border-radius:8px;padding:1rem}.rate-type h4{color:#222;margin:0 0 .5rem;font-size:.9rem;font-weight:600}.rate-type p{color:#717171;margin:0;font-size:.8rem}.comparison-section{background:#fff}.comparison-table{background:#fff;border-radius:16px;margin-top:3rem;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}.table-header{background:var(--primary);color:#fff;grid-template-columns:2fr 1fr 1fr;padding:1.5rem;font-weight:600;display:grid}.table-row{border-bottom:1px solid #e5e5e5;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:1.5rem;display:grid}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:#f8f9fa}.feature-column{color:#222;font-weight:500}.ryfty-column{color:var(--primary);font-weight:600}.competitor-column{color:#717171}.tips-section{background:#f8f9fa}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem;display:grid}.tip-card{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.08)}.tip-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,145,90,.15)}.tip-icon{margin-bottom:1rem;font-size:3rem}.tip-card h3{color:#222;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.tip-card p{color:#717171;margin:0;font-size:1rem;line-height:1.6}.faq-section{background:#fff}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.faq-item{background:#f8f9fa;border-radius:12px;padding:2rem;transition:all .3s}.faq-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.faq-item h3{color:#222;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.faq-item p{color:#717171;margin:0;font-size:1rem;line-height:1.6}.cta-section{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;text-align:center}.cta-section .section-headline{color:#fff}.cta-section .section-subtext{color:rgba(255,255,255,.9)}.cta-subtext{opacity:.8;margin:1.5rem 0 0;font-size:1rem}.section-container{text-align:center;place-content:center;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid}.section-headline{color:#222;margin:0 0 24px;font-size:48px;font-weight:600;line-height:1.2}.section-subtext{margin:0 0 48px;font-size:20px;line-height:1.5}.hero-section{background:radial-gradient(circle at 20% 20%,rgba(0,145,90,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,145,90,.1) 0%,transparent 50%)}.hero-container{align-items:center;gap:80px;max-width:1200px;margin:0 auto;display:flex}.hero-content{flex:1}.hero-headline{color:#222;margin:0 0 24px;font-size:64px;font-weight:700;line-height:1.1}.hero-subtext{color:#717171;margin:0;font-size:24px;line-height:1.4}.hero-image{flex:1;justify-content:center;display:flex}.phone-mockup{border:3px solid #000;border-radius:42px;height:600px;padding:5px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.phone-mockup-main{border:18px solid #000;border-bottom:none;border-radius:100px 100px 0 0;width:88%;max-height:77vh;margin-bottom:-15vh}.phone-mockup-mini img.app-screenshot{border-radius:84px 84px 0 0;height:100%}.phone-mockup-mini{object-fit:cover;border:12px solid #000;border-bottom:none;border-radius:92px 92px 0 0;width:58%;height:100%}.phone-mockup-main-container{justify-content:center;align-items:center;display:flex}.app-screenshot{object-fit:cover;border-radius:40px;width:100%;height:100%}.phone-mockup-main img.app-screenshot{border-radius:100px 100px 0 0}.city-life-section{background:#fff}.experience-cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}.experience-card{text-align:center}.experience-card .card-image{object-fit:cover;border-radius:12px;width:100%;height:300px;margin-bottom:16px}.card-description{color:#222;margin:0;font-size:16px}.hero-image-io{width:50%}.how-it-works-section{background:#fff}.experience-categories{grid-template-columns:1fr 1fr;gap:48px;display:grid}.category-column p{color:#222;margin:0 0 16px;font-size:18px}.statistics-section{background:#fff}.statistics-grid{grid-template-columns:repeat(2,1fr);gap:48px;display:grid}.stat-item{text-align:center}.stat-number{color:#222;margin:0 0 8px;font-size:48px;font-weight:600}.stat-label{color:#717171;margin:0;font-size:16px}.pricing-preview-section{background:#f8f9fa}.pricing-preview-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0;display:grid}.pricing-preview-card{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.08)}.pricing-preview-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,145,90,.15)}.pricing-preview-card .card-icon{margin-bottom:1rem;font-size:3rem}.pricing-preview-card h3{color:#222;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.pricing-preview-card p{color:#717171;margin:0;font-size:1rem;line-height:1.6}.pricing-cta{margin-top:2rem}.show-up-section,.discovered-section{background:#fff}.discovery-points{flex-direction:column;gap:24px;display:flex}.discovery-point{align-items:center;gap:16px;display:flex}.point-icon{background:#222;border-radius:50%;flex-shrink:0;width:8px;height:8px}.discovery-point p{color:#222;margin:0;font-size:18px}.tools-section{background:#fff}.tools-grid{text-align:start;grid-template-columns:1fr 1fr;gap:48px;display:grid}.tool-column p{color:#222;margin:0 0 16px;font-size:18px}.trust-safety-section{background:#fff}.faq-section{place-content:center;width:100%;display:grid}.faq-item{border-bottom:1px solid #e5e5e5;padding:24px 0}.faq-item h3{color:#222;cursor:pointer;margin:0 0 16px;font-size:24px;font-weight:600}.faq-content p{color:#222;margin:0 0 16px;font-size:16px;line-height:1.5}.faq-content p:last-child{margin-bottom:0}@media (max-width:1024px){.hero-container{text-align:center;flex-direction:column;gap:48px}.experience-cards,.experience-categories,.statistics-grid,.tools-grid{grid-template-columns:1fr;gap:32px}.pricing-preview-cards{grid-template-columns:1fr;gap:1.5rem}.header-contents{width:40%}.section-container{padding:60px 16px}.hero-headline{font-size:36px}.hero-subtext{font-size:18px}.section-headline{font-size:32px}.section-subtext{font-size:18px}.phone-mockup{width:200px;height:400px}.stat-number{font-size:36px}.phone-mockup-main{border:10px solid #000;border-radius:84px 84px 0 0;width:46%;max-height:77vh;margin-bottom:-15vh}.phone-mockup-main img.app-screenshot{border-radius:84px 84px 0 0}.phone-mockup-mini{border:8px solid #000;border-bottom:none;border-radius:68px 68px 0 0;width:100%;height:87vh;margin-bottom:-15vh}.experience-categories{text-align:center;grid-template-columns:1fr 1fr;gap:48px;max-width:600px;display:grid}.show-up-section,.discovered-section{text-align:center;background:#fff;place-content:center;display:grid}}@media (max-width:720px){.phone-mockup-main img.app-screenshot{border-radius:68px 68px 0 0}.phone-mockup-main{border:8px solid #000;border-bottom:none;border-radius:68px 68px 0 0;width:86%;max-height:66vh;margin-bottom:-15vh}.phone-mockup-bottom{border:8px solid #000;border-bottom:none;border-radius:68px 68px 0 0;width:100%;max-height:66vh;margin-bottom:-15vh}.hero-headline{font-size:3em}.hero-subtext{padding:0 2rem;font-size:15px}.pricing-calculator{max-width:100%;margin:0 1rem}.pricing-cards{grid-template-columns:1fr;gap:1.5rem}.mpesa-rates{grid-template-columns:1fr;gap:.75rem}.comparison-table{font-size:.9rem}.table-header,.table-row{padding:1rem}.tips-grid,.faq-grid{grid-template-columns:1fr;gap:1.5rem}.pricing-preview-cards{grid-template-columns:1fr;gap:1rem}.header-contents{width:60%}.header-buttons{flex-direction:row;gap:.5rem}.header-buttons .btn{padding:.4rem .8rem;font-size:.8rem}.hero-image-io{width:80%}}
