@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--font-primary:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-dark:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--accent-primary:#0284c7;--accent-secondary:#2563eb;--accent-glow:#0284c71a;--accent-neon:#ff5e00;--text-white:#0f172a;--text-muted:#334155;--text-dimmed:#64748b;--border-color:#0f172a14;--border-hover:#0284c759;--max-width:1200px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;min-height:100%;color:var(--text-white);font-family:var(--font-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.bg-glow-1{filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#0284c70d 0%,#0284c700 70%);width:400px;height:400px;position:absolute;top:10%;left:10%}.bg-glow-2{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ff5e0008 0%,#0284c700 70%);width:500px;height:500px;position:absolute;top:50%;right:5%}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);width:100%;transition:var(--transition-smooth);background:#fffc;position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-white) 30%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent-neon);-webkit-text-fill-color:initial;font-size:1.6rem}.nav-menu{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);padding:6px 0;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--text-white)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.contact-btn{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;transition:var(--transition-smooth);box-shadow:0 4px 20px var(--accent-glow);cursor:pointer;border:none;border-radius:50px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0284c759}.mobile-toggle{color:var(--text-white);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.8rem;display:none}@media (max-width:968px){.mobile-toggle{display:block}.nav-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#fffffffa;flex-direction:column;gap:24px;width:100%;padding:30px 24px;display:none;position:absolute;top:70px;left:0;box-shadow:0 10px 30px #0000000d}.nav-menu.open{display:flex}}.hero{text-align:center;z-index:1;flex-direction:column;align-items:center;padding:180px 0 100px;display:flex;position:relative}.badge{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;background:#0284c70f;border:1px solid #0284c726;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge span{background-color:var(--accent-neon);width:6px;height:6px;box-shadow:0 0 8px var(--accent-neon);border-radius:50%}.hero h1{letter-spacing:-2px;margin-bottom:24px;font-size:clamp(2.5rem,6vw,4.2rem);font-weight:800;line-height:1.15}.hero h1 span.gradient{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero h1 span.highlight{color:var(--accent-neon)}.hero-description{color:var(--text-muted);max-width:800px;margin-bottom:40px;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-secondary{background:var(--bg-secondary);color:var(--text-white);transition:var(--transition-smooth);border:1px solid var(--border-color);border-radius:50px;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none}.btn-secondary:hover{background:#e2e8f0;border-color:#0f172a26}.btn-primary{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;transition:var(--transition-smooth);box-shadow:0 4px 25px var(--accent-glow);border-radius:50px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0284c759}.section{z-index:1;padding:100px 0;position:relative}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{letter-spacing:-1px;margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:800}.section-header p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}.grid-features{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.feature-card{background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:24px;padding:40px 32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));opacity:0;width:100%;height:4px;transition:var(--transition-smooth);position:absolute;top:0;left:0}.feature-card:hover{background:var(--bg-card);border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 12px 40px #0284c714}.feature-card:hover:before{opacity:1}.feature-icon{width:60px;height:60px;color:var(--accent-primary);background:#0284c70a;border:1px solid #0284c71f;border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;display:flex}.feature-card:hover .feature-icon{border-color:var(--accent-primary);color:var(--accent-neon);background:#0284c714}.feature-card h3{margin-bottom:16px;font-size:1.3rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.video-section{position:relative;overflow:hidden}.video-container{border:1px solid var(--border-color);aspect-ratio:16/9;background-color:#0c0e14;border-radius:24px;width:100%;max-width:900px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 20px 80px #0000000f}.video-element{object-fit:cover;width:100%;height:100%;display:block}.marquee-section{padding:80px 0;position:relative;overflow:hidden}.marquee-container{-webkit-user-select:none;user-select:none;width:100%;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:15%;height:100%;position:absolute;top:0}.marquee-container:before{background:linear-gradient(90deg, var(--bg-dark) 0%, #fff0 100%);left:0}.marquee-container:after{background:linear-gradient(-90deg, var(--bg-dark) 0%, #fff0 100%);right:0}.marquee-track{gap:20px;width:max-content;padding:10px 0;animation:35s linear infinite marquee-scroll;display:flex}.marquee-container:hover .marquee-track{animation-play-state:paused}.marquee-slide{border:1px solid var(--border-color);width:320px;height:320px;transition:var(--transition-smooth);background:var(--bg-secondary);border-radius:20px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000f}.marquee-slide img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.marquee-slide:hover{border-color:var(--accent-primary);transform:translateY(-8px)scale(1.02);box-shadow:0 15px 40px #0284c71a}.marquee-slide:hover img{transform:scale(1.08)}.marquee-overlay{color:#fff;z-index:1;opacity:0;width:100%;transition:var(--transition-smooth);background:linear-gradient(#0f172a00 0%,#0f172af2 100%);padding:24px 20px;position:absolute;bottom:0;left:0;transform:translateY(10px)}.marquee-slide:hover .marquee-overlay{opacity:1;transform:translateY(0)}.marquee-overlay h4{margin-bottom:4px;font-size:1.1rem;font-weight:700}.marquee-overlay p{color:var(--accent-primary);font-size:.85rem}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 10px))}}.contact-section{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-secondary) 100%);border-top:1px solid var(--border-color);position:relative}.contact-wrapper{grid-template-columns:1.2fr 1fr;align-items:start;gap:60px;display:grid}.contact-info h2{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.contact-info p{color:var(--text-muted);margin-bottom:40px;font-size:1.1rem;line-height:1.6}.info-list{flex-direction:column;gap:24px;display:flex}.info-item{align-items:flex-start;gap:16px;display:flex}.info-icon{width:48px;height:48px;color:var(--accent-primary);background:#0284c70d;border:1px solid #0284c71a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.info-text h4{color:var(--text-white);margin-bottom:4px;font-size:1rem;font-weight:600}.info-text p,.info-text a{color:var(--text-muted);font-size:.95rem;line-height:1.5;text-decoration:none}.info-text a:hover{color:var(--accent-primary)}.contact-form-container{border:1px solid var(--border-color);background:#fff;border-radius:28px;padding:40px;box-shadow:0 20px 50px #0f172a0d}.contact-form-container h3{margin-bottom:8px;font-size:1.4rem;font-weight:700}.contact-form-container p{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.form-group{margin-bottom:20px}.form-label{min-height:38px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:flex-end;margin-bottom:8px;font-size:.85rem;font-weight:600;display:flex}.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-white);font-family:var(--font-primary);transition:var(--transition-smooth);background:#f8fafc;border-radius:12px;padding:14px 18px;font-size:.95rem}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 15px #0284c714}textarea.form-input{resize:vertical;min-height:120px}.footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);text-align:center;color:var(--text-muted);padding:40px 0}.footer-logo{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-white) 30%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:6px;margin-bottom:16px;font-size:1.3rem;font-weight:800;display:inline-flex}.footer-logo span{color:var(--accent-neon);-webkit-text-fill-color:initial}.footer p{color:var(--text-dimmed);font-size:.9rem}@media (max-width:968px){.header-container{height:70px}.nav-menu{display:none}.mobile-toggle{display:block}.contact-wrapper{grid-template-columns:1fr;gap:40px}.hero{padding:140px 0 80px}}@media (max-width:576px){.header-container{justify-content:center}.contact-btn{display:none}.hero-ctas{flex-direction:column;align-items:stretch;width:100%}.btn-primary,.btn-secondary{text-align:center;justify-content:center}.contact-form-container{padding:24px}}.user-info-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.prescription-manual-row{grid-template-columns:1fr 1.3fr;gap:30px;margin-bottom:24px;display:grid}@media (max-width:768px){.prescription-manual-row{grid-template-columns:1fr;gap:20px}}.configurator-tabs{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.configurator-tab-btn{color:var(--text-dimmed);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;font-weight:600}.configurator-tab-btn.active{color:var(--accent-primary);border:1px solid var(--border-color);background:#fff;box-shadow:0 4px 12px #0000000a}.prescription-grid{border:1px solid var(--border-color);background:#f8fafc;border-radius:18px;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;display:flex}.eye-row{grid-template-columns:80px repeat(3,1fr);align-items:center;gap:12px;display:grid}.eye-label{color:var(--text-white);font-size:.9rem;font-weight:700}.eye-row.header-row{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:8px}.eye-row.header-row span{color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.75rem;font-weight:700}.eye-row.header-row span:first-child{text-align:left}.input-wrapper select,.input-wrapper input{border:1px solid var(--border-color);width:100%;color:var(--text-white);font-family:var(--font-primary);text-align:center;transition:var(--transition-smooth);background:#fff;border-radius:8px;padding:8px 10px;font-size:.85rem}.input-wrapper select:focus,.input-wrapper input:focus{border-color:var(--accent-primary);outline:none}.pd-row{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding-top:12px;display:flex}.pd-row label{color:var(--text-muted);font-size:.85rem;font-weight:600}.pd-row .pd-input-container{align-items:center;gap:8px;width:120px;display:flex}.glasses-silhouette-container{border:1px solid var(--border-color);background:#f8fafc;border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;padding:16px;display:flex}.glasses-svg-wrapper{width:100%;max-width:500px;position:relative}.glasses-svg{width:100%;height:auto}.upload-zone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;transition:var(--transition-smooth);background:#f8fafc;border-radius:18px;margin-bottom:24px;padding:30px 20px}.upload-zone:hover{border-color:var(--accent-primary);background:#0284c703}.upload-zone .upload-icon{color:var(--accent-primary);margin-bottom:12px;font-size:2.2rem}.upload-zone p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.upload-zone span{color:var(--text-dimmed);margin-top:6px;font-size:.75rem;display:block}.whatsapp-submit-btn{color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #25d36633}.whatsapp-submit-btn:hover{background:#20ba5a;transform:translateY(-1px);box-shadow:0 8px 25px #25d36666}@media (max-width:768px){.user-info-row{grid-template-columns:1fr;gap:12px}}@media (max-width:480px){.eye-row{grid-template-columns:60px repeat(3,1fr);gap:6px}.eye-row.header-row span{font-size:.65rem}.input-wrapper select,.input-wrapper input{padding:6px;font-size:.75rem}}