:root{--pink-main:#c32b5c;--purple:#82277b;--light-purple:#a63793;--light-pink:#dc7596;--darker-pink:#b43052;--light-grey:#f8f7f7;--text-dark:#1a1a2e;--text-medium:#4a4a5a;--white:#ffffff;--gradient:linear-gradient(135deg, var(--pink-main) 0%, var(--purple) 100%);--gradient-soft:linear-gradient(135deg, rgba(195, 43, 92, 0.08) 0%, rgba(130, 39, 123, 0.08) 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;font-weight:400;line-height:1.7;color:var(--text-dark);background-color:var(--white);overflow-x:hidden}nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:10000;transition:.3s;background:rgba(255,255,255,.95);backdrop-filter:blur(20px)}nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);box-shadow:0 2px 20px rgba(0,0,0,.1)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.5rem;color:var(--text-dark)}.logo-icon{width:40px;height:40px}.logo-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:3rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-medium);font-weight:400;transition:.3s;position:relative}.nav-links a:not(.nav-cta)::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--gradient);transform:scaleX(0);transform-origin:right;transition:transform .3s}.nav-links a:not(.nav-cta):hover{color:var(--pink-main)}.nav-links a:not(.nav-cta):hover::after{transform:scaleX(1);transform-origin:left}.nav-cta{background:var(--gradient);color:var(--white)!important;padding:.75rem 1.5rem;border-radius:30px;font-weight:500;position:relative;overflow:hidden;transition:.3s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(195,43,92,.3)}.mobile-menu-btn{display:none;flex-direction:column;cursor:pointer;gap:4px;background:0 0;border:none;padding:.5rem}.mobile-menu-btn span{width:25px;height:2px;background:var(--text-dark);transition:.3s}footer{background:var(--text-dark);color:var(--white);padding:4rem 5% 2rem}.footer-content{max-width:1200px;margin:0 auto}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:4rem}.footer-brand{flex:1;max-width:400px}.footer-logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.footer-logo-icon{width:40px;height:40px}.footer-logo-text{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{color:rgba(255,255,255,.8);margin-bottom:1.5rem}.footer-links{display:flex;gap:4rem}.footer-column .footer-heading{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;color:var(--white)}.footer-column ul{list-style:none}.footer-column li{margin-bottom:.75rem}.footer-column a{color:rgba(255,255,255,.7);text-decoration:none;transition:color .3s}.footer-column a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{color:rgba(255,255,255,.6);font-size:.9rem}.footer-social{display:flex;gap:1rem}.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transition:.3s}.footer-social a:hover{background:var(--pink-main);transform:translateY(-2px)}.footer-social svg{width:18px;height:18px;stroke:var(--white);fill:none}.reveal{opacity:0;transform:translateY(60px);transition:.9s cubic-bezier(.16, 1, .3, 1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.reveal-delay-5{transition-delay:0.5s}.hero{min-height:70vh;display:flex;align-items:center;padding:10rem 5% 6rem;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--light-grey) 0,var(--white) 100%)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.floating-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.shape-1{width:500px;height:500px;background:rgba(195,43,92,.12);top:-20%;left:-10%}.shape-2{width:400px;height:400px;background:rgba(130,39,123,.1);bottom:-20%;right:-5%}.hero-content{max-width:900px;margin:0 auto;text-align:center;position:relative}.hero-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:var(--gradient-soft);border-radius:50px;font-size:.85rem;font-weight:700;color:var(--pink-main);margin-bottom:2rem;border:1px solid rgba(195,43,92,.15)}.hero h1{font-size:clamp(2.75rem, 5vw, 4.5rem);font-weight:900;line-height:1.1;color:var(--text-dark);margin-bottom:1.5rem;letter-spacing:-.04em}.hero h1 .highlight{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.15rem, 2vw, 1.35rem);color:var(--text-medium);max-width:700px;margin:0 auto;line-height:1.8}.section-label{display:inline-flex;align-items:center;gap:.75rem;font-size:.85rem;font-weight:700;color:var(--pink-main);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.25rem}.section-label::after,.section-label::before{content:'';width:30px;height:2px;background:var(--gradient);border-radius:2px}.loop-visual-section{padding:6rem 5%;background:var(--white)}.loop-visual-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center}.loop-visual-text h2{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:900;color:var(--text-dark);margin-bottom:1.5rem;letter-spacing:-.03em}.loop-visual-text p{font-size:1.1rem;color:var(--text-medium);line-height:1.8;margin-bottom:2rem}.loop-visual-text .loop-intro{font-size:1.2rem;color:var(--text-dark);font-weight:500}.loop-image-container{position:relative;display:flex;justify-content:center;align-items:center}.loop-image{max-width:100%;height:auto;transition:transform .4s}.loop-image:hover{transform:scale(1.02)}.loop-steps-section{padding:6rem 5%;background:var(--light-grey)}.loop-steps-content{max-width:1200px;margin:0 auto}.loop-steps-header{text-align:center;margin-bottom:4rem}.loop-steps-header h2{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:900;color:var(--text-dark);margin-bottom:1rem;letter-spacing:-.03em}.loop-steps-header p{font-size:1.15rem;color:var(--text-medium);max-width:700px;margin:0 auto}.loop-step{padding:4rem 0;border-bottom:1px solid rgba(195,43,92,.1)}.loop-step:last-child{border-bottom:none}.step-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.step-number{width:80px;height:80px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:var(--white);flex-shrink:0;box-shadow:0 15px 40px rgba(195,43,92,.3)}.step-title-group{flex:1}.step-title-group h3{font-size:clamp(1.75rem, 3vw, 2.25rem);font-weight:900;color:var(--text-dark);margin-bottom:.5rem;letter-spacing:-.02em}.step-title-group .step-subtitle{font-size:1.1rem;color:var(--pink-main);font-weight:600}.step-description{font-size:1.15rem;color:var(--text-medium);line-height:1.8;margin-bottom:2.5rem;max-width:800px}.step-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.step-feature-card{background:var(--white);border-radius:16px;padding:1.75rem;transition:.4s cubic-bezier(.16, 1, .3, 1);border:1px solid rgba(195,43,92,.08)}.step-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(195,43,92,.12);border-color:rgba(195,43,92,.2)}.feature-card-icon{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;box-shadow:0 8px 20px rgba(195,43,92,.25)}.feature-card-icon svg{width:24px;height:24px;stroke:var(--white);stroke-width:2}.step-feature-card h4{font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.step-feature-card p{font-size:.95rem;color:var(--text-medium);line-height:1.6}.why-matters-section{padding:6rem 5%;background:var(--text-dark);color:var(--white)}.why-matters-content{max-width:1100px;margin:0 auto}.why-matters-header{text-align:center;margin-bottom:4rem}.why-matters-section .section-label{color:var(--light-pink)}.why-matters-section .section-label::after,.why-matters-section .section-label::before{background:var(--light-pink)}.why-matters-header h2{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:900;margin-bottom:1rem;letter-spacing:-.03em}.why-matters-header p{font-size:1.15rem;opacity:.85;max-width:700px;margin:0 auto;line-height:1.8}.why-matters-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.why-card{background:rgba(255,255,255,.05);border-radius:20px;padding:2.5rem;text-align:center;border:1px solid rgba(255,255,255,.1);transition:.4s}.why-card:hover{background:rgba(255,255,255,.08);transform:translateY(-5px)}.why-card-icon{width:70px;height:70px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 30px rgba(195,43,92,.4)}.why-card-icon svg{width:32px;height:32px;stroke:var(--white);stroke-width:2}.why-card h3{font-size:1.25rem;font-weight:900;margin-bottom:.75rem}.why-card p{font-size:1rem;opacity:.8;line-height:1.7}.connection-section{padding:6rem 5%;background:var(--white)}.connection-content{max-width:900px;margin:0 auto;text-align:center}.connection-content h2{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:900;color:var(--text-dark);margin-bottom:1.5rem;letter-spacing:-.03em}.connection-content>p{font-size:1.15rem;color:var(--text-medium);line-height:1.8;margin-bottom:3rem}.connection-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.connection-step{background:var(--gradient-soft);padding:1rem 1.5rem;border-radius:50px;font-weight:700;color:var(--pink-main);font-size:.95rem;border:1px solid rgba(195,43,92,.15)}.connection-arrow{color:var(--purple);font-size:1.5rem}.connection-tagline{font-size:1.5rem;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:2rem}.cta-section{padding:7rem 5%;background:var(--gradient);position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 50%);animation:10s linear infinite shimmer}@keyframes shimmer{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cta-content{max-width:700px;margin:0 auto;text-align:center;position:relative;color:var(--white)}.cta-section h2{font-size:clamp(2rem, 4vw, 2.75rem);font-weight:900;margin-bottom:1.5rem;letter-spacing:-.03em}.cta-text{font-size:1.15rem;margin-bottom:2.5rem;opacity:.9;line-height:1.8}.cta-buttons{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.btn-white{display:inline-flex;align-items:center;gap:.75rem;background:var(--white);color:var(--pink-main);padding:1.15rem 2.25rem;border-radius:60px;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .4s,box-shadow .4s;box-shadow:0 4px 25px rgba(0,0,0,.15)}.btn-white:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(0,0,0,.2)}.btn-white .arrow{transition:transform .3s}.btn-white:hover .arrow{transform:translateX(4px)}.btn-outline-white{display:inline-flex;align-items:center;gap:.75rem;background:0 0;color:var(--white);padding:1.15rem 2.25rem;border-radius:60px;text-decoration:none;font-weight:700;font-size:1rem;border:2px solid rgba(255,255,255,.5);transition:.4s}.btn-outline-white:hover{background:var(--white);color:var(--pink-main);border-color:var(--white);transform:translateY(-3px)}.loop-step.step-ask .step-number{background:linear-gradient(135deg,#c32b5c 0,#b43052 100%)}.loop-step.step-collect .step-number{background:linear-gradient(135deg,#dc7596 0,#c32b5c 100%)}.loop-step.step-analyze .step-number{background:linear-gradient(135deg,#82277b 0,#5a1a55 100%)}.loop-step.step-implement .step-number{background:linear-gradient(135deg,#a63793 0,#82277b 100%)}.loop-step.step-notify .step-number{background:linear-gradient(135deg,#b43052 0,#8a2240 100%)}@media (max-width:1024px){.loop-visual-content{grid-template-columns:1fr;gap:3rem;text-align:center}.loop-image-container{order:-1}.loop-image{max-width:400px}.why-matters-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){nav{padding:1rem 5%}.nav-links{display:none}.mobile-menu-btn{display:flex}.step-header{flex-direction:column;text-align:center}.step-number{width:60px;height:60px;font-size:1.5rem}.step-description{text-align:center}.step-features-grid{grid-template-columns:1fr}.connection-flow{flex-direction:column}.connection-arrow{transform:rotate(90deg)}.cta-buttons{flex-direction:column}.btn-outline-white,.btn-white{width:100%;justify-content:center}.footer-links,.footer-main{flex-direction:column;gap:2rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}}