@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";body,.hero-root{font-family:Montserrat,Arial,sans-serif}.hero-root.hero-bg{min-height:100vh;width:100vw;background:linear-gradient(135deg,#f8f6ff,#f3e8ff,#fef3cd);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.hero-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-bubble{position:absolute;border-radius:50%;filter:blur(48px);opacity:.22;animation:hero-bubble-move 24s linear infinite alternate}.hero-bubble.b1{width:340px;height:340px;left:5%;top:8%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-duration:28s}.hero-bubble.b2{width:220px;height:220px;left:70%;top:10%;background:radial-gradient(circle at 30% 70%,#f8a4d8,#e0c3fc);animation-delay:2s;animation-duration:25s}.hero-bubble.b3{width:180px;height:180px;left:60%;top:70%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-delay:4s;animation-duration:22s}.hero-bubble.b4{width:260px;height:260px;left:20%;top:65%;background:radial-gradient(circle at 40% 60%,#f8e1f4,#a259c6);animation-delay:1s;animation-duration:27s}.hero-bubble.b5{width:120px;height:120px;left:80%;top:50%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-delay:3s;animation-duration:23s}@keyframes hero-bubble-move{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.12)}}.hero-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:none}.hero-sparkles:before,.hero-sparkles:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:120px 80px 8px 2px #fff8,300px 200px 12px 3px #fff6,60vw 20vh 10px 2px #fff7,80vw 60vh 14px 4px #fff5,40vw 80vh 8px 2px #fff8,20vw 30vh 10px 2px #fff7;animation:hero-sparkle-fade 3.5s linear infinite alternate}.hero-sparkles:after{left:50vw;top:60vh;box-shadow:100px 120px 8px 2px #fff7,200px 100px 12px 3px #fff6,70vw 10vh 10px 2px #fff7,90vw 70vh 14px 4px #fff5,30vw 70vh 8px 2px #fff8,10vw 20vh 10px 2px #fff7;animation-delay:1.5s}@keyframes hero-sparkle-fade{0%{opacity:.7}to{opacity:.2}}.hero-main{z-index:3;position:relative;width:100%;max-width:820px;margin:120px auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px 100px;background:none}.hero-title-gradient{font-size:3.6rem;font-weight:900;line-height:1.13;text-align:center;margin-bottom:32px;background:linear-gradient(90deg,#a259c6,#f8a4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;letter-spacing:-1.5px}.hero-desc{font-size:1.35rem;color:#444;text-align:center;max-width:600px;margin-bottom:48px;line-height:1.6;font-weight:500}.hero-btn-row{display:flex;gap:24px;justify-content:center;margin:0}.hero-btn-main{background:linear-gradient(90deg,#a259c6,#f8a4d8);color:#fff;font-weight:700;font-size:1.18rem;border:none;border-radius:32px;padding:20px 56px;cursor:pointer;box-shadow:0 4px 32px #a259c61a;transition:background .2s,box-shadow .2s,transform .1s;margin-top:0;margin-bottom:0}.hero-btn-main:hover{background:linear-gradient(90deg,#f8a4d8,#a259c6);box-shadow:0 8px 32px #a259c62e;transform:translateY(-2px) scale(1.04)}@media (max-width: 900px){.hero-title-gradient{font-size:2.2rem}.hero-main{padding:48px 8px 60px;margin-top:64px}}@media (max-width: 600px){.hero-title-gradient{font-size:1.3rem}.hero-main{padding:32px 4px 40px;margin-top:32px}}body,.tryon-root{font-family:Montserrat,Arial,sans-serif}.tryon-root{min-height:100vh;background:linear-gradient(135deg,#f8e1f4,#e0c3fc);padding:0 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.tryon-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tryon-bubble{position:absolute;border-radius:50%;filter:blur(18px);opacity:.32;animation:tryon-bubble-move 18s linear infinite alternate}.tryon-bubble.b1{width:180px;height:180px;left:8%;top:12%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-duration:22s}.tryon-bubble.b2{width:120px;height:120px;left:70%;top:18%;background:radial-gradient(circle at 30% 70%,#a259c6,#f8e1f4);animation-delay:2s;animation-duration:19s}.tryon-bubble.b3{width:90px;height:90px;left:60%;top:70%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-delay:4s;animation-duration:16s}.tryon-bubble.b4{width:140px;height:140px;left:20%;top:65%;background:radial-gradient(circle at 40% 60%,#f8e1f4,#a259c6);animation-delay:1s;animation-duration:21s}.tryon-bubble.b5{width:60px;height:60px;left:80%;top:50%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-delay:3s;animation-duration:17s}.tryon-bubble.b6{width:100px;height:100px;left:40%;top:8%;background:radial-gradient(circle at 60% 40%,#fff,#f8a4d8);animation-delay:5s;animation-duration:20s}.tryon-bubble.b7{width:70px;height:70px;left:85%;top:80%;background:radial-gradient(circle at 60% 40%,#a259c6,#fff);animation-delay:7s;animation-duration:18s}@keyframes tryon-bubble-move{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.12)}}.tryon-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:none}.tryon-sparkles:before,.tryon-sparkles:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:120px 80px 8px 2px #fff8,300px 200px 12px 3px #fff6,60vw 20vh 10px 2px #fff7,80vw 60vh 14px 4px #fff5,40vw 80vh 8px 2px #fff8,20vw 30vh 10px 2px #fff7;animation:tryon-sparkle-fade 3.5s linear infinite alternate}.tryon-sparkles:after{left:50vw;top:60vh;box-shadow:100px 120px 8px 2px #fff7,200px 100px 12px 3px #fff6,70vw 10vh 10px 2px #fff7,90vw 70vh 14px 4px #fff5,30vw 70vh 8px 2px #fff8,10vw 20vh 10px 2px #fff7;animation-delay:1.5s}@keyframes tryon-sparkle-fade{0%{opacity:.7}to{opacity:.2}}.tryon-hero{margin-bottom:36px;text-align:center;z-index:3}.tryon-title-glow{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 0 16px #a259c6cc,0 2px 8px #f8a4d8bb,0 0 32px #fff8;margin-bottom:12px;animation:tryon-title-fadein 1.2s cubic-bezier(.4,0,.2,1)}@keyframes tryon-title-fadein{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.tryon-subtitle{font-size:1.3rem;color:#a259c6;font-weight:500;margin-bottom:0;text-shadow:0 1px 8px #fff6;animation:tryon-fadein 1.5s cubic-bezier(.4,0,.2,1)}.tryon-card.glass{background:#ffffff38;box-shadow:0 8px 32px #a259c62e;border-radius:24px;padding:32px 28px 24px;min-width:260px;display:flex;flex-direction:column;align-items:center;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1.5px solid rgba(255,255,255,.35);transition:box-shadow .2s,transform .18s;z-index:3;margin-bottom:0}.tryon-card.glass:hover{box-shadow:0 12px 40px #a259c638;transform:translateY(-4px) scale(1.04)}.tryon-label{font-size:1.15rem;color:#a259c6;font-weight:600;margin-bottom:10px;letter-spacing:.2px}.tryon-img{width:180px;border-radius:18px;margin-top:18px;box-shadow:0 2px 16px #a259c621;object-fit:cover}.tryon-btn{background:linear-gradient(90deg,#f8a4d8,#a259c6);color:#fff;padding:18px 44px;border:none;border-radius:14px;font-size:1.25rem;font-weight:700;cursor:pointer;margin-top:18px;box-shadow:0 2px 16px #a259c621;transition:background .2s,box-shadow .2s,transform .1s;display:flex;align-items:center;gap:12px;z-index:3;position:relative;overflow:hidden}.tryon-btn:disabled{opacity:.6;cursor:not-allowed}.tryon-btn:not(:disabled):hover{background:linear-gradient(90deg,#e0c3fc,#f8a4d8);box-shadow:0 6px 28px #a259c638;transform:translateY(-2px) scale(1.04)}.tryon-btn-glow{box-shadow:0 0 24px #f8a4d8cc,0 2px 16px #a259c6aa;animation:tryon-btn-glow 2.2s ease-in-out infinite alternate}@keyframes tryon-btn-glow{0%{box-shadow:0 0 24px #f8a4d8cc,0 2px 16px #a259c6aa}to{box-shadow:0 0 36px #a259c6cc,0 4px 24px #f8a4d8bb}}.tryon-btn-share{margin-top:24px;background:linear-gradient(90deg,#a259c6,#f8a4d8);font-size:1.1rem;padding:12px 32px;border-radius:10px;box-shadow:0 0 18px #a259c655}.tryon-btn-share:hover{background:linear-gradient(90deg,#f8a4d8,#a259c6)}.tryon-spinner{width:26px;height:26px;border:4px solid #fff;border-top:4px solid #a259c6;border-radius:50%;animation:tryon-spin 1s linear infinite;display:inline-block}@keyframes tryon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tryon-progress{width:100%;max-width:420px;margin:24px auto 0;background:#ffffffb3;border-radius:8px;box-shadow:0 2px 12px #a259c633;padding:10px 0;text-align:center;position:relative;overflow:hidden;z-index:3}.tryon-loading{color:#a259c6;font-size:1.1rem;font-weight:500;letter-spacing:.2px;z-index:3;animation:tryon-fadein 1.2s cubic-bezier(.4,0,.2,1)}.tryon-error{color:#e57373;margin-top:18px;font-size:1.1rem;font-weight:500;z-index:3;text-align:center}.tryon-result{margin-top:56px;background:#ffffffeb;border-radius:24px;box-shadow:0 8px 40px #a259c62e;padding:40px 32px 28px;max-width:560px;width:100%;animation:tryon-result-fadein 1.1s cubic-bezier(.4,0,.2,1);z-index:3;position:relative;overflow:hidden}.tryon-result-glow{box-shadow:0 0 32px #f8a4d8cc,0 8px 40px #a259c6aa;border:2.5px solid #f8a4d8cc;animation:tryon-result-glow 2.5s ease-in-out infinite alternate}@keyframes tryon-result-fadein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes tryon-result-glow{0%{box-shadow:0 0 32px #f8a4d8cc,0 8px 40px #a259c6aa}to{box-shadow:0 0 48px #a259c6cc,0 12px 56px #f8a4d8bb}}.tryon-result-title{font-size:2rem;color:#a259c6;font-weight:700;margin-bottom:18px;text-align:center;text-shadow:0 2px 12px #fff7}.tryon-video{width:100%;max-width:480px;border-radius:18px;margin-top:18px;box-shadow:0 2px 16px #a259c621}@media (max-width: 700px){.tryon-root{min-height:80vh;padding:0 8px}.tryon-upload-row{flex-direction:column;gap:20px}.tryon-card{min-width:unset;width:100%}.tryon-result{padding:20px 8px 16px}.tryon-hero{margin-bottom:18px}.tryon-title-glow{font-size:2.1rem}}body,.about-root{font-family:Montserrat,Arial,sans-serif}.about-root{min-height:100vh;background:linear-gradient(135deg,#fce7f3,#f3e8ff,#fef3cd);padding:48px 16px 60px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.about-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.about-bubble{position:absolute;border-radius:50%;filter:blur(18px);opacity:.28;animation:about-bubble-move 20s linear infinite alternate}.about-bubble.b1{width:180px;height:180px;left:10%;top:10%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-duration:24s}.about-bubble.b2{width:120px;height:120px;left:70%;top:18%;background:radial-gradient(circle at 30% 70%,#a259c6,#f8e1f4);animation-delay:2s;animation-duration:21s}.about-bubble.b3{width:90px;height:90px;left:60%;top:70%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-delay:4s;animation-duration:18s}.about-bubble.b4{width:140px;height:140px;left:20%;top:65%;background:radial-gradient(circle at 40% 60%,#f8e1f4,#a259c6);animation-delay:1s;animation-duration:23s}.about-bubble.b5{width:60px;height:60px;left:80%;top:50%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-delay:3s;animation-duration:19s}@keyframes about-bubble-move{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.12)}}.about-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:none}.about-sparkles:before,.about-sparkles:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:120px 80px 8px 2px #fff8,300px 200px 12px 3px #fff6,60vw 20vh 10px 2px #fff7,80vw 60vh 14px 4px #fff5,40vw 80vh 8px 2px #fff8,20vw 30vh 10px 2px #fff7;animation:about-sparkle-fade 3.5s linear infinite alternate}.about-sparkles:after{left:50vw;top:60vh;box-shadow:100px 120px 8px 2px #fff7,200px 100px 12px 3px #fff6,70vw 10vh 10px 2px #fff7,90vw 70vh 14px 4px #fff5,30vw 70vh 8px 2px #fff8,10vw 20vh 10px 2px #fff7;animation-delay:1.5s}@keyframes about-sparkle-fade{0%{opacity:.7}to{opacity:.2}}.about-hero{margin-bottom:40px;text-align:center;z-index:3}.about-title-glow{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:1px;text-shadow:0 0 16px #a259c6cc,0 2px 8px #f8a4d8bb,0 0 32px #fff8;margin-bottom:14px;animation:about-title-fadein 1.2s cubic-bezier(.4,0,.2,1)}@keyframes about-title-fadein{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.about-subtitle{font-size:1.3rem;color:#a259c6;font-weight:500;margin-bottom:0;text-shadow:0 1px 8px #fff6;animation:about-fadein 1.5s cubic-bezier(.4,0,.2,1)}.glass{background:#ffffff38;box-shadow:0 8px 32px #a259c62e;border-radius:24px;-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1.5px solid rgba(255,255,255,.35);transition:box-shadow .2s,transform .18s;z-index:3}.glass:hover,.about-value-card.hovered{box-shadow:0 12px 40px #a259c638;transform:translateY(-4px) scale(1.04)}.about-story{display:flex;gap:48px;align-items:center;flex-wrap:wrap;margin-bottom:56px;padding:48px 32px;z-index:3;cursor:default}.about-story-content{flex:1;min-width:300px}.about-section-title{font-size:2rem;font-weight:700;margin-bottom:24px;color:#a259c6;text-shadow:0 2px 12px #fff7}.about-story-text{display:flex;flex-direction:column;gap:16px;color:#444;line-height:1.6;font-size:1.08rem}.about-story-image-wrap{position:relative;flex:1;min-width:300px;display:flex;align-items:center;justify-content:center}.about-story-image{aspect-ratio:1/1;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;width:100%;max-width:340px;object-fit:cover;transition:transform .3s ease}.about-story-bubble{position:absolute;bottom:-16px;right:-16px;width:96px;height:96px;background:linear-gradient(90deg,#f472b6,#a78bfa);border-radius:50%;opacity:.8;z-index:2}.about-values{margin-bottom:56px}.about-values-row{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.about-value-card{min-width:220px;max-width:280px;flex:1;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00000014;padding:32px 20px 24px;margin-bottom:0}.about-value-title{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#a259c6}.about-value-desc{color:#666;font-size:1rem;line-height:1.5;margin:0}.about-mission{background:linear-gradient(90deg,#f472b6,#a78bfa);color:#fff;border-radius:18px;padding:48px 32px;text-align:center;margin-bottom:56px;z-index:3}.about-mission-text{font-size:1.2rem;margin-bottom:0;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;opacity:.92}.about-stats{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;text-align:center;margin-bottom:32px}.about-stat-card{display:flex;flex-direction:column;gap:8px;min-width:120px;padding:32px 24px;border-radius:18px;align-items:center;background:#ffffff38;box-shadow:0 4px 20px #00000014;font-weight:600;font-size:1.1rem;color:#a259c6;transition:box-shadow .2s,transform .18s}.about-stat-card:hover{box-shadow:0 12px 40px #a259c638;transform:translateY(-4px) scale(1.04)}.about-stat-number{font-size:2rem;font-weight:700;color:#a259c6;text-shadow:0 2px 12px #fff7}.about-stat-label{color:#666;font-weight:500}.fadein{opacity:0;animation:about-fadein 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes about-fadein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.about-story{flex-direction:column;gap:24px;padding:32px 8px}.about-story-image{max-width:220px}}@media (max-width: 700px){.about-hero{margin-bottom:18px}.about-title-glow{font-size:2.1rem}.about-section-title{font-size:1.3rem}.about-story{padding:18px 0}.about-mission{padding:24px 8px}.about-values-row{gap:12px}.about-value-card{padding:18px 8px 14px}.about-stats{gap:12px}.about-stat-card{padding:18px 8px}}body,.product-root{font-family:Montserrat,Arial,sans-serif}.product-root.product-hero-bg{min-height:100vh;width:100vw;background:linear-gradient(135deg,#f8f6ff,#f3e8ff,#fef3cd);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.product-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.product-bubble{position:absolute;border-radius:50%;filter:blur(48px);opacity:.22;animation:product-bubble-move 24s linear infinite alternate}.product-bubble.b1{width:340px;height:340px;left:5%;top:8%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-duration:28s}.product-bubble.b2{width:220px;height:220px;left:70%;top:10%;background:radial-gradient(circle at 30% 70%,#f8a4d8,#e0c3fc);animation-delay:2s;animation-duration:25s}.product-bubble.b3{width:180px;height:180px;left:60%;top:70%;background:radial-gradient(circle at 60% 40%,#e0c3fc,#f8a4d8);animation-delay:4s;animation-duration:22s}.product-bubble.b4{width:260px;height:260px;left:20%;top:65%;background:radial-gradient(circle at 40% 60%,#f8e1f4,#a259c6);animation-delay:1s;animation-duration:27s}.product-bubble.b5{width:120px;height:120px;left:80%;top:50%;background:radial-gradient(circle at 60% 40%,#f8a4d8,#e0c3fc);animation-delay:3s;animation-duration:23s}@keyframes product-bubble-move{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.12)}}.product-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:none}.product-sparkles:before,.product-sparkles:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:120px 80px 8px 2px #fff8,300px 200px 12px 3px #fff6,60vw 20vh 10px 2px #fff7,80vw 60vh 14px 4px #fff5,40vw 80vh 8px 2px #fff8,20vw 30vh 10px 2px #fff7;animation:product-sparkle-fade 3.5s linear infinite alternate}.product-sparkles:after{left:50vw;top:60vh;box-shadow:100px 120px 8px 2px #fff7,200px 100px 12px 3px #fff6,70vw 10vh 10px 2px #fff7,90vw 70vh 14px 4px #fff5,30vw 70vh 8px 2px #fff8,10vw 20vh 10px 2px #fff7;animation-delay:1.5s}@keyframes product-sparkle-fade{0%{opacity:.7}to{opacity:.2}}.product-hero-main{z-index:3;position:relative;width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px 100px;background:none}.product-title-gradient{font-size:3.6rem;font-weight:900;line-height:1.13;text-align:center;margin-bottom:32px;background:linear-gradient(90deg,#a259c6,#f8a4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;letter-spacing:-1.5px}.product-hero-desc{font-size:1.35rem;color:#444;text-align:center;max-width:600px;margin-bottom:48px;line-height:1.6;font-weight:500}.product-btn-main{background:linear-gradient(90deg,#a259c6,#f8a4d8);color:#fff;font-weight:700;font-size:1.18rem;border:none;border-radius:32px;padding:20px 56px;cursor:pointer;box-shadow:0 4px 32px #a259c61a;transition:background .2s,box-shadow .2s,transform .1s;margin-top:0;margin-bottom:0}.product-btn-main:hover{background:linear-gradient(90deg,#f8a4d8,#a259c6);box-shadow:0 8px 32px #a259c62e;transform:translateY(-2px) scale(1.04)}@media (max-width: 900px){.product-title-gradient{font-size:2.2rem}.product-hero-main{padding:48px 8px 60px}}@media (max-width: 600px){.product-title-gradient{font-size:1.3rem}.product-hero-main{padding:32px 4px 40px}}.product-features{margin-bottom:56px;text-align:center;z-index:3}.product-section-title{font-size:2rem;font-weight:700;margin-bottom:18px;color:#a259c6;text-shadow:0 2px 12px #fff7}.product-gradient{background:linear-gradient(90deg,#a259c6,#f8a4d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}.product-section-desc{font-size:1.15rem;color:#666;max-width:700px;margin:0 auto 32px;line-height:1.6;font-weight:500}.product-features-row{display:flex;flex-direction:row;gap:48px;justify-content:center;align-items:stretch;margin-top:48px;flex-wrap:wrap}.product-feature-card{background:#ffffff38;border-radius:32px;box-shadow:0 8px 32px #a259c62e;padding:56px 36px 44px;min-width:320px;max-width:400px;flex:1 1 0;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;font-size:1.15rem;font-weight:500;transition:box-shadow .35s cubic-bezier(.23,1.02,.32,1),transform .35s cubic-bezier(.23,1.02,.32,1);cursor:pointer;height:100%;opacity:0;animation:product-fadein-up-card .7s cubic-bezier(.23,1.02,.32,1) forwards}.product-feature-card:hover{transform:scale(1.06) translateY(-12px);box-shadow:0 24px 64px #a855f72e}.product-feature-title{font-weight:900;font-size:1.4rem;margin-bottom:18px;color:#222;letter-spacing:-.5px}.product-feature-desc{color:#666;font-size:1.08rem;font-weight:500}@keyframes product-fadein-up-card{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.product-how{margin-bottom:56px;text-align:center;z-index:3}.product-how-row{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:32px}.product-how-card{background:#ffffff38;border-radius:24px;box-shadow:0 8px 32px #a259c62e;padding:40px 28px 32px;min-width:220px;max-width:320px;flex:1 1 0;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;font-size:1.08rem;font-weight:500;transition:box-shadow .35s cubic-bezier(.23,1.02,.32,1),transform .35s cubic-bezier(.23,1.02,.32,1);cursor:pointer;opacity:0;animation:product-fadein-up-card .7s cubic-bezier(.23,1.02,.32,1) forwards}.product-how-card:hover{transform:scale(1.06) translateY(-8px);box-shadow:0 16px 48px #a855f729}.product-how-step{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#f8a4d8,#a259c6);color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 2px 12px #a259c61a}.product-how-title{font-weight:700;font-size:1.1rem;margin-bottom:10px;color:#a259c6}.product-how-desc{color:#666;font-size:1rem;line-height:1.5;margin:0}.product-testimonials{margin-bottom:56px;text-align:center;z-index:3}.product-testimonials-row{display:flex;gap:36px;justify-content:center;flex-wrap:wrap;margin-top:32px}.product-testimonial-card{background:#ffffff38;border-radius:24px;box-shadow:0 8px 32px #a259c62e;padding:40px 28px 32px;min-width:220px;max-width:320px;flex:1 1 0;text-align:center;margin:0;display:flex;flex-direction:column;align-items:center;font-size:1.08rem;font-weight:500;transition:box-shadow .35s cubic-bezier(.23,1.02,.32,1),transform .35s cubic-bezier(.23,1.02,.32,1);cursor:pointer;opacity:0;animation:product-fadein-up-card .7s cubic-bezier(.23,1.02,.32,1) forwards}.product-testimonial-card:hover{transform:scale(1.06) translateY(-8px);box-shadow:0 16px 48px #a855f729}.product-testimonial-img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:18px;box-shadow:0 2px 12px #a259c61a}.product-testimonial-text{color:#444;font-size:1.05rem;margin-bottom:12px;font-style:italic}.product-testimonial-name{color:#a259c6;font-weight:700;font-size:1rem}.product-tech{background:#ffffff38;border-radius:24px;box-shadow:0 8px 32px #a259c62e;padding:48px 32px;text-align:center;margin-bottom:56px;z-index:3}.product-tech-desc{font-size:1.15rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6;font-weight:500}.product-join{text-align:center;z-index:3;margin-bottom:32px}.product-join-desc{font-size:1.15rem;color:#a259c6;max-width:700px;margin:0 auto 32px;line-height:1.6;font-weight:500}.fadein{opacity:0;animation:product-fadein 1.2s cubic-bezier(.4,0,.2,1) forwards}.fadein:nth-child(2){animation-delay:.2s}.fadein:nth-child(3){animation-delay:.4s}.fadein:nth-child(4){animation-delay:.6s}.fadein:nth-child(5){animation-delay:.8s}@keyframes product-fadein{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.product-features-row,.product-how-row,.product-testimonials-row{flex-direction:column;gap:24px}.product-feature-card,.product-how-card,.product-testimonial-card{min-width:0;max-width:100%;width:100%;margin:0 auto}}@media (max-width: 700px){.product-hero-main{padding:32px 4px 40px}.product-title-gradient,.product-section-title{font-size:1.3rem}.product-feature-card,.product-how-card,.product-testimonial-card,.product-tech{padding:18px 8px 14px}.product-features-row,.product-how-row,.product-testimonials-row{gap:12px}}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8f7fa;color:#222}h1,h2,h3{font-family:Inter,Arial,sans-serif;margin:0 0 .5em}a{color:#d946ef;text-decoration:none;transition:color .2s}a:hover{color:#a21caf}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:#ffffffd9;box-shadow:0 2px 8px #0000000a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;justify-content:space-between}.navbar-logo{display:flex;align-items:center;font-size:2rem;font-weight:700;color:#d946ef}.navbar-logo-dot{width:32px;height:32px;border-radius:50%;background:linear-gradient(90deg,#f472b6,#a78bfa);margin-right:10px}.navbar-links{display:flex;gap:32px}.navbar-link{font-size:1.1rem;color:#444;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border .2s}.navbar-link.active,.navbar-link:hover{color:#d946ef;border-bottom:2px solid #d946ef}@media (max-width: 700px){.navbar-inner{flex-direction:column;height:auto;padding:12px}.navbar-links{flex-direction:column;gap:12px;width:100%;align-items:flex-start}}.section{max-width:1200px;margin:0 auto;padding:96px 24px 24px}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:.5em;color:#a21caf}.hero-gradient{background:linear-gradient(90deg,#f472b6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.button-main{background:linear-gradient(90deg,#f472b6,#a78bfa);color:#fff;border:none;border-radius:999px;padding:.7em 2em;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.button-main:hover{background:linear-gradient(90deg,#a78bfa,#f472b6)}.card{background:#fff;border-radius:18px;box-shadow:0 2px 16px #0000000f;padding:2em;margin-bottom:2em;color:#000}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.mt-2{margin-top:2em}.mb-2{margin-bottom:2em}
