.hero-container{background:#fff;height:100vh;min-height:700px;position:relative;overflow:hidden}#threejs-canvas{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:2;background:linear-gradient(135deg,#6366f114 0%,#8b5cf60a 25%,#06b6d40f 50%,#8b5cf60a 75%,#3b82f614 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;height:100vh;margin:0 auto;padding:120px 24px;display:flex;position:relative}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#8935e9;background:#ffffff26;border:1px solid #8935e97f;border-radius:50px;margin-bottom:32px;padding:10px 24px;font-size:.9rem;font-weight:600;animation:.8s ease-out fadeInUp,2s ease-in-out infinite alternate glow;box-shadow:0 8px 32px #6366f11a}.hero-title{letter-spacing:-2px;color:#343335;margin-bottom:32px;font-size:4.5rem;font-weight:700;line-height:1.1}.hero-highlight{color:#8935e9;margin-top:12px;display:block}.hero-description{color:#343335;max-width:700px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.hero-description strong{color:#8935e9;text-underline-offset:3px;text-decoration:underline}.popup-overlay{z-index:9999;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.popup-content{background:#000;border-radius:12px;width:90%;max-width:1170px;animation:.3s ease-out slideIn;position:relative;overflow:hidden}.popup-close{color:#fff;cursor:pointer;z-index:1001;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #0000004d}.popup-close:hover{color:#000;background:#ffffffe6;border-color:#fffc;transform:scale(1.1)}.video-container{width:100%;height:0;padding-bottom:56.25%;position:relative}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;animation:.8s ease-out .6s both fadeInUp;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4157eb,#9134ea,#5e41e6) 0 0/300% 100%;border:none;border-radius:16px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;animation:4s infinite gradientShift;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #6366f166}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 20px 40px #6366f180}.btn-secondary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:red;border:2px solid red;border-radius:16px;align-items:center;gap:10px;padding:12px 24px;font-family:kanit,"sans-serif";font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;display:flex}.btn-secondary:hover{color:red;background:#fff0;border-color:red;transform:translateY(-2px);box-shadow:0 10px 25px #f57e7ec8}@media (max-width:768px){.popup-content{width:95%;margin:20px}.popup-close{font-size:25px;top:-35px}.hero-title{letter-spacing:-1px;font-size:2.2rem}.hero-description{margin-bottom:25px;font-size:.875rem}.hero-buttons{flex-direction:column;align-items:stretch;gap:16px}.hero-badge{margin-bottom:16px;font-size:.875rem}}.arrow-right{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .3s}.btn-primary:hover .arrow-right{transform:translate(3px)}.play-icon{fill:currentColor;width:20px;height:20px}
.features{background-color:#f0f8fd;padding:100px 24px}.features-container{max-width:1200px;margin:0 auto}.features-header{text-align:center;margin-bottom:80px}.features-title{color:#343335;letter-spacing:-1px;margin-bottom:16px;font-size:2.5rem;font-weight:700}.features-subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;display:grid}.feature-card{background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:40px;transition:all .3s;box-shadow:0 4px 6px #0000000d}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px #0000001a}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-icon.blue{color:#6366f1;background:#eef2ff}.feature-icon.green{color:#16a34a;background:#dcfce7}.feature-icon.purple{color:#9333ea;background:#f3e8ff}.feature-title{color:#343335;margin-bottom:12px;font-size:1.4rem;font-weight:600}.feature-description{color:#6b7280;font-size:15px;line-height:1.6}.pintrest-grid{grid-template-columns:auto auto auto auto;justify-content:center;gap:40px;margin-bottom:70px;display:grid}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}@media (max-width:480px){.features-title{font-size:1.7rem;line-height:1.1}.features-subtitle{font-size:.875rem}.feature-title{font-size:1.2rem;line-height:1.1}.feature-description{font-size:.875rem;line-height:1.6}.pintrest-grid{grid-template-columns:auto}}