body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#a8e6cf,#88d8c0 50%,#7dd3fc);box-shadow:0 2px 10px #0000001a;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#a8e6cf66,#88d8c066 50%,#7dd3fc66)}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#0f766e;font-size:1.5rem;font-weight:700;text-decoration:none;transition:transform .2s ease}.navbar-logo img{width:15vw}.navbar-logo:hover{transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#14b8a6);-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-item{margin:0}.navbar-link{align-items:center;border-radius:8px;color:#0f766e;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-link:hover{background-color:#ffffff4d;color:#0d9488;transform:translateY(-2px)}.navbar-link.active{color:#0d9488;font-weight:600}.navbar-link.active:after{background:linear-gradient(90deg,#14b8a6,#0f766e);border-radius:2px;bottom:.3rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.navbar-link{font-size:.9rem;padding:.5rem .9rem}}@media (max-width:768px){.navbar-container{height:60px;padding:0 1rem}.navbar-logo{font-size:1.3rem}.navbar-menu{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;gap:.3rem;overflow-x:auto;scrollbar-width:none}.navbar-menu::-webkit-scrollbar{display:none}.navbar-link{font-size:.85rem;padding:.5rem .8rem;white-space:nowrap}}@media (max-width:480px){.navbar-container{flex-direction:column;height:auto;padding:.8rem 1rem}.navbar-logo{font-size:1.2rem;margin-bottom:.5rem}.navbar-menu{flex-wrap:wrap;justify-content:center;width:100%}.navbar-link{font-size:.8rem;padding:.4rem .6rem}}.landing-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 25%,#bae6fd 50%,#a8e6cf 75%,#d1fae5);display:flex;height:calc(100vh - 70px);justify-content:center;margin-top:70px;max-height:calc(100vh - 70px);min-height:calc(100vh - 70px);overflow:hidden;position:relative;width:100%}.abstract-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.gradient-orb{border-radius:50%;filter:blur(80px);opacity:.6;pointer-events:none;position:absolute;transition:all .3s ease}.orb-1{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#7dd3fccc 0,#a8e6cf66 50%,#0000 100%);height:500px;width:500px}.orb-2{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#a8e6cfcc 0,#7dd3fc66 50%,#0000 100%);height:400px;width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.grid-pattern{background-image:linear-gradient(#7dd3fc1a 1px,#0000 0),linear-gradient(90deg,#7dd3fc1a 1px,#0000 0);background-size:50px 50px;left:0;opacity:.3;top:0}.grid-pattern,.page-floating-shapes{height:100%;position:absolute;width:100%}.page-floating-shapes{pointer-events:none;z-index:0}.page-shape{animation:pageShapeFloat 12s ease-in-out infinite;border-radius:50%;filter:blur(40px);opacity:.25;position:absolute}.page-shape-1{animation-delay:0s;background:radial-gradient(circle,#7dd3fc80,#0000);height:300px;left:5%;top:10%;width:300px}.page-shape-2{animation-delay:2s;background:radial-gradient(circle,#a8e6cf80,#0000);height:250px;right:8%;top:60%;width:250px}.page-shape-3{animation-delay:4s;background:radial-gradient(circle,#0eb8a666,#0000);bottom:15%;height:200px;left:20%;width:200px}.page-shape-4{animation-delay:1s;background:radial-gradient(circle,#7dd3fc66,#0000);height:350px;right:15%;top:30%;width:350px}.page-shape-5{animation-delay:3s;background:radial-gradient(circle,#a8e6cf66,#0000);bottom:30%;height:180px;right:25%;width:180px}.page-shape-6{animation-delay:5s;background:radial-gradient(circle,#0eb8a64d,#0000);height:220px;left:10%;top:70%;width:220px}@keyframes pageShapeFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-50px) scale(1.15)}50%{transform:translate(-30px,40px) scale(.9)}75%{transform:translate(50px,30px) scale(1.1)}}.page-particles{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.page-particle{animation:pageParticleFloat 8s ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#0eb8a6b3,#0000);border-radius:50%;height:3px;left:var(--left);position:absolute;top:var(--top);width:3px}@keyframes pageParticleFloat{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(40px,-50px) scale(1.8)}}.decorative-lines{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.decorative-line{animation:linePulse 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#0eb8a633,#0000);opacity:.3;position:absolute}.line-1{animation-delay:0s;left:10%;top:20%;width:200px}.line-1,.line-2{height:2px;transform-origin:center}.line-2{animation-delay:2s;bottom:25%;right:15%;width:150px}.line-3{animation-delay:4s;height:2px;left:5%;top:50%;transform-origin:center;width:180px}@keyframes linePulse{0%,to{opacity:.2;transform:rotate(45deg) scaleX(1);transform:rotate(var(--rotation,45deg)) scaleX(1)}50%{opacity:.4;transform:rotate(45deg) scaleX(1.2);transform:rotate(var(--rotation,45deg)) scaleX(1.2)}}.landing-content{grid-gap:3rem;align-items:center;box-sizing:border-box;display:grid;gap:3rem;grid-template-columns:1fr 1fr;height:100%;margin:0 auto;max-width:1400px;padding:1.5rem 2rem;position:relative;width:100%;z-index:1}.landing-left{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-header{display:flex;flex-direction:column;gap:1rem}.logo-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:1px solid #ffffff80;border-radius:50px;color:#0f766e;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;width:-webkit-fit-content;width:fit-content}.sparkle-icon{animation:sparkle 2s ease-in-out infinite;font-size:1.2rem}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}}.landing-title{color:#0f172a;font-size:3rem;font-weight:800;line-height:1.1;margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f766e,#14b8a6 50%,#7dd3fc);-webkit-background-clip:text;background-clip:text;display:inline-block}.landing-subtitle{color:#475569;font-size:1.1rem;line-height:1.5;margin:0;max-width:500px}.feature-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:400px}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffff80;border-radius:10px;cursor:pointer;display:flex;gap:.6rem;padding:.75rem;transition:all .3s ease}.feature-item:hover{background:#fff9;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-icon{align-items:center;color:#14b8a6;display:flex;font-size:1.5rem;justify-content:center}.feature-item span{color:#0f172a;font-size:.95rem;font-weight:500}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.85rem 1.75rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#0f766e,#14b8a6);box-shadow:0 4px 15px #0f766e4d;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 20px #0f766e66;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #0f766e4d;color:#0f766e}.cta-button.secondary:hover{background:#ffffffb3;border-color:#0f766e80;transform:translateY(-2px)}.landing-right{align-items:center;animation:fadeInRight .8s ease-out .2s both;display:flex;height:100%;justify-content:center}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.model-container{align-items:center;display:flex;height:100%;justify-content:center;max-height:500px;overflow:visible;position:relative;width:100%}.three-model-wrapper{position:relative;z-index:2}.rotating-facts{left:50%;max-width:450px;opacity:.7;padding:.8rem 1rem;position:absolute;text-align:center;top:-50px;transform:translateX(-50%);width:85%;z-index:3}.facts-label{color:#0f766e99;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.facts-text{align-items:center;color:#0f172ab3;display:flex;font-size:.85rem;font-weight:400;justify-content:center;line-height:1.4;min-height:2.5em}.facts-text .typed-cursor{animation:blink 1s infinite;color:#14b8a680;font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.skin-label{bottom:-40px;left:50%;opacity:.75;position:absolute;text-align:center;transform:translateX(-50%);z-index:3}.skin-label-text{animation:gentleBounce 3s ease-in-out infinite;color:#0f766ecc;font-size:.9rem;font-style:italic;font-weight:500;letter-spacing:.5px}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.abstract-shapes{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.floating-shape{animation:floatShape 8s ease-in-out infinite;border-radius:50%;filter:blur(1px);opacity:.4;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#7dd3fc99,#a8e6cf66);height:80px;left:10%;top:10%;width:80px}.shape-2{animation-delay:1s;background:linear-gradient(135deg,#a8e6cf99,#7dd3fc66);height:60px;right:15%;top:20%;width:60px}.shape-3{animation-delay:2s;background:linear-gradient(135deg,#7dd3fc80,#0eb8a64d);bottom:15%;height:100px;left:15%;width:100px}.shape-4{animation-delay:3s;background:linear-gradient(135deg,#0eb8a680,#7dd3fc66);bottom:25%;height:70px;right:10%;width:70px}.shape-5{animation-delay:4s;background:linear-gradient(135deg,#a8e6cf80,#0eb8a64d);height:50px;left:5%;top:50%;width:50px}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-30px) scale(1.1)}50%{transform:translate(-15px,20px) scale(.9)}75%{transform:translate(30px,15px) scale(1.05)}}.particle-container{height:100%;pointer-events:none;position:absolute;width:100%;z-index:1}.particle{animation:particleFloat 6s ease-in-out infinite;animation-delay:var(--delay);background:radial-gradient(circle,#0eb8a6cc,#0000);border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{left:20%;top:15%}.particle:nth-child(2){right:25%;top:25%}.particle:nth-child(3){bottom:20%;left:30%}.particle:nth-child(4){bottom:30%;right:20%}.particle:nth-child(5){left:10%;top:40%}.particle:nth-child(6){right:15%;top:50%}.particle:nth-child(7){bottom:40%;left:25%}.particle:nth-child(8){bottom:50%;right:30%}.particle:nth-child(9){left:35%;top:60%}.particle:nth-child(10){right:10%;top:70%}.particle:nth-child(11){bottom:60%;left:15%}.particle:nth-child(12){bottom:70%;right:25%}@keyframes particleFloat{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(30px,-40px) scale(1.5)}}.ring-decoration{animation:ringPulse 4s ease-in-out infinite;border:2px solid;border-radius:50%;opacity:.3;pointer-events:none;position:absolute;z-index:1}.ring-1{animation-delay:0s;border-color:#0eb8a666;height:200px;width:200px}.ring-1,.ring-2{left:50%;top:50%;transform:translate(-50%,-50%)}.ring-2{animation-delay:1s;border-color:#7dd3fc4d;height:280px;width:280px}@keyframes ringPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.1)}}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:1rem;color:#0f766e;display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:.5rem;left:50%;opacity:.7;position:absolute;transform:translateX(-50%);z-index:2}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.scroll-arrow{background:linear-gradient(180deg,#14b8a6,#0000);height:30px;position:relative;width:2px}.scroll-arrow:after{border-bottom:2px solid #14b8a6;border-right:2px solid #14b8a6;bottom:0;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);transform:translateX(-50%) rotate(45deg);width:8px}@media (max-width:1200px){.landing-content{gap:2.5rem;padding:1rem 1.5rem}.landing-title{font-size:2.5rem}.landing-subtitle{font-size:1rem}}@media (max-width:968px){.landing-content{gap:2rem;grid-template-columns:1fr;padding:1rem 1.5rem}.landing-right{order:-1}.landing-right,.model-container{height:300px;max-height:300px}.landing-title{font-size:2.25rem}.landing-subtitle{font-size:1rem}.landing-left{gap:1.25rem}.rotating-facts{padding:.7rem .9rem;top:-45px;width:90%}.facts-text{font-size:.8rem;min-height:2em}.skin-label{bottom:-35px}.skin-label-text{font-size:.85rem}}@media (max-width:640px){.landing-content{gap:1.5rem;padding:1rem}.landing-title{font-size:2rem}.landing-subtitle{font-size:.95rem}.feature-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-button{justify-content:center;padding:.75rem 1.5rem;width:100%}.landing-right,.model-container{height:250px;max-height:250px}.landing-left{gap:1rem}.rotating-facts{padding:.6rem .8rem;top:-40px;width:100%}.facts-label{font-size:.7rem}.facts-text{font-size:.75rem;min-height:1.8em}.skin-label{bottom:-30px}.skin-label-text{font-size:.8rem}}.floating-find-more{background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:14px;bottom:22px;box-shadow:0 8px 24px #0f766e59;color:#fff;font-weight:700;letter-spacing:.3px;padding:14px 18px;position:fixed;right:22px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;z-index:999}.floating-find-more:hover{box-shadow:0 12px 28px #0f766e73;opacity:.95;transform:translateY(-2px)}@media (max-width:640px){.floating-find-more{bottom:16px;font-size:.9rem;padding:12px 14px;right:16px}}.comparisons,.why-skin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0f9ff99,#d1fae599);border:1px solid #ffffffb3;border-radius:24px;box-shadow:0 16px 50px #0f766e1a;margin:0 auto;max-width:1400px;overflow:hidden;padding:4rem 2rem;position:relative;z-index:1}.comparisons:after,.comparisons:before,.why-skin:after,.why-skin:before{border-radius:50%;content:"";filter:blur(60px);opacity:.35;position:absolute;z-index:0}.why-skin:before{background:radial-gradient(circle,#7dd3fccc,#0000 70%);height:420px;left:-120px;top:-120px;width:420px}.why-skin:after{background:radial-gradient(circle,#a8e6cfcc,#0000 70%);bottom:-100px;height:360px;right:-100px;width:360px}.comparisons:before{background:radial-gradient(circle,#0eb8a6b3,#0000 70%);height:380px;right:-120px;top:-120px;width:380px}.comparisons:after{background:radial-gradient(circle,#7dd3fcb3,#0000 70%);bottom:-100px;height:320px;left:-100px;width:320px}.section-lines{animation:linesShift 20s linear infinite;background-image:repeating-linear-gradient(135deg,#14b8a612,#14b8a612 2px,#0000 0,#0000 14px);inset:0;opacity:.6;pointer-events:none;position:absolute;z-index:0}@keyframes linesShift{0%{background-position:0 0}to{background-position:400px 0}}.section-title{font-size:2rem;font-weight:800;margin:0 0 .5rem}.section-subtitle,.section-title{color:#0f172a;position:relative;text-align:center;z-index:1}.section-subtitle{margin:0 auto 2.5rem;max-width:720px;opacity:.8}.banner-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}.banner-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 8px 24px #0f766e14;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.banner-card:hover{box-shadow:0 12px 28px #0f766e1f;transform:translateY(-3px)}.banner-icon{align-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:12px;color:#fff;display:flex;font-size:1.2rem;height:48px;justify-content:center;margin-bottom:.75rem;width:48px}.banner-card h3{color:#0f172a;margin:0 0 .5rem}.banner-card p{color:#0f172a;margin:0;opacity:.85}@media (max-width:968px){.banner-grid{grid-template-columns:1fr}}.sliders{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;position:relative;z-index:1}.skin-slider{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 8px 24px #0f766e14;padding:1rem 1rem 1.5rem}.slider-title{color:#0f172a;font-size:1.1rem;font-weight:800;margin:0 0 .75rem}.slider-frame{aspect-ratio:3/1;background:linear-gradient(135deg,#e0f2fe,#d1fae5);border-radius:12px;height:20vh;overflow:hidden;position:relative;width:100%}.slider-overlay{display:flex;inset:0;position:absolute}.slider-overlay>div{height:100%;overflow:hidden}.slider-image{display:block;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.slider-input{-webkit-appearance:none;appearance:none;background:#0000;bottom:10px;left:0;position:absolute;width:100%}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#14b8a6;border-radius:50%;box-shadow:0 0 0 4px #14b8a640;cursor:pointer;height:18px;width:18px}.slider-input::-moz-range-thumb{background:#14b8a6;border-radius:50%;box-shadow:0 0 0 4px #14b8a640;cursor:pointer;height:18px;width:18px}.slider-input::-webkit-slider-runnable-track{background:#14b8a659;border-radius:999px;height:4px}.slider-input::-moz-range-track{background:#14b8a659;border-radius:999px;height:4px}.comparisons,.why-skin{animation:sectionFade .6s ease-out}@keyframes sectionFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.site-footer{color:#0f172a;margin:3rem auto 0;max-width:1400px;opacity:.9;padding:2rem 1.5rem;position:relative;z-index:1}.site-footer .footer-inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#f0f9ffb3,#d1fae5b3);border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 10px 30px #0f766e14;padding:1.5rem}.site-footer .footer-credits{font-size:12px;margin-top:.75rem;opacity:.8}body{background:linear-gradient(135deg,#f0f9ff,#d1fae5)}
/*# sourceMappingURL=main.981ab832.css.map*/