*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#020404;margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}button,a{font-family:inherit}.page{background:radial-gradient(circle at 100% 0,#00fff02e,#0000 35%),radial-gradient(circle at 0 0,#00aaa021,#0000 30%),radial-gradient(circle at bottom,#00fff014,#0000 40%),#020404;min-height:100vh;position:relative;overflow:hidden}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(#00fff00b 1px,#0000 1px),linear-gradient(90deg,#00fff00b 1px,#0000 1px);background-size:70px 70px;animation:22s linear infinite gridMove;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(70px)}}.particles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.particles span{opacity:.45;background:#00fff0;border-radius:50%;width:4px;height:4px;animation:linear infinite floatParticle;position:absolute;box-shadow:0 0 15px #00fff0,0 0 30px #00fff0b3}.particles span:first-child{animation-duration:13s;animation-delay:-2s;left:4%}.particles span:nth-child(2){animation-duration:18s;animation-delay:-5s;left:8%}.particles span:nth-child(3){animation-duration:16s;animation-delay:-8s;left:12%}.particles span:nth-child(4){animation-duration:20s;animation-delay:-3s;left:16%}.particles span:nth-child(5){animation-duration:15s;animation-delay:-6s;left:20%}.particles span:nth-child(6){animation-duration:22s;animation-delay:-10s;left:24%}.particles span:nth-child(7){animation-duration:17s;animation-delay:-1s;left:28%}.particles span:nth-child(8){animation-duration:19s;animation-delay:-7s;left:32%}.particles span:nth-child(9){animation-duration:14s;animation-delay:-4s;left:36%}.particles span:nth-child(10){animation-duration:21s;animation-delay:-9s;left:40%}.particles span:nth-child(11){animation-duration:15s;animation-delay:-6s;left:44%}.particles span:nth-child(12){animation-duration:18s;animation-delay:-11s;left:48%}.particles span:nth-child(13){animation-duration:23s;animation-delay:-3s;left:52%}.particles span:nth-child(14){animation-duration:16s;animation-delay:-7s;left:56%}.particles span:nth-child(15){animation-duration:20s;animation-delay:-2s;left:60%}.particles span:nth-child(16){animation-duration:17s;animation-delay:-9s;left:64%}.particles span:nth-child(17){animation-duration:22s;animation-delay:-4s;left:68%}.particles span:nth-child(18){animation-duration:15s;animation-delay:-8s;left:72%}.particles span:nth-child(19){animation-duration:19s;animation-delay:-5s;left:76%}.particles span:nth-child(20){animation-duration:24s;animation-delay:-12s;left:80%}.particles span:nth-child(21){animation-duration:14s;animation-delay:-1s;left:84%}.particles span:nth-child(22){animation-duration:21s;animation-delay:-7s;left:88%}.particles span:nth-child(23){animation-duration:18s;animation-delay:-3s;left:92%}.particles span:nth-child(24){animation-duration:25s;animation-delay:-10s;left:96%}.particles span:nth-child(25){animation-duration:26s;animation-delay:-13s;left:6%}.particles span:nth-child(26){animation-duration:17s;animation-delay:-12s;left:14%}.particles span:nth-child(27){animation-duration:24s;animation-delay:-14s;left:22%}.particles span:nth-child(28){animation-duration:18s;animation-delay:-15s;left:30%}.particles span:nth-child(29){animation-duration:23s;animation-delay:-9s;left:38%}.particles span:nth-child(30){animation-duration:16s;animation-delay:-11s;left:46%}.particles span:nth-child(31){animation-duration:27s;animation-delay:-18s;left:54%}.particles span:nth-child(32){animation-duration:20s;animation-delay:-16s;left:62%}.particles span:nth-child(33){animation-duration:25s;animation-delay:-15s;left:70%}.particles span:nth-child(34){animation-duration:18s;animation-delay:-14s;left:78%}.particles span:nth-child(35){animation-duration:22s;animation-delay:-17s;left:86%}.particles span:nth-child(36){animation-duration:19s;animation-delay:-13s;left:94%}.particles span:nth-child(37){animation-duration:29s;animation-delay:-20s;left:10%}.particles span:nth-child(38){animation-duration:28s;animation-delay:-21s;left:34%}.particles span:nth-child(39){animation-duration:30s;animation-delay:-22s;left:58%}.particles span:nth-child(40){animation-duration:27s;animation-delay:-19s;left:82%}.particles span:nth-child(41){animation-duration:31s;animation-delay:-24s;left:18%}.particles span:nth-child(42){animation-duration:32s;animation-delay:-25s;left:74%}@keyframes floatParticle{0%{opacity:0;transform:translateY(110vh)scale(.4)}15%{opacity:.45}80%{opacity:.55}to{opacity:0;transform:translateY(-10vh)scale(1.2)}}.navbar,.hero,.stats,.section,.problem-section,.cta,footer,.tryon-page-section{z-index:3;position:relative}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#020404c7;border-bottom:1px solid #00fff01a;justify-content:space-between;align-items:center;width:100%;padding:18px 7%;display:flex;position:sticky;top:0}.brand{letter-spacing:4px;align-items:center;gap:12px;font-weight:700;display:flex}.brand-button{cursor:pointer;background:0 0;border:none;padding:0}.brand img{object-fit:contain;filter:drop-shadow(0 0 18px #00fff08c);width:120px;height:120px}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a,.nav-link-button{color:#b8c7c7;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:none}.nav-links a:hover,.nav-link-button:hover{color:#00fff0}.nav-dropdown{padding:18px 0;position:relative}.dropdown-menu{z-index:9999;background:#080c12fa;border:1px solid #00fff047;border-radius:16px;flex-direction:column;gap:8px;min-width:230px;padding:12px;display:none;position:absolute;top:48px;left:0;box-shadow:0 20px 50px #00fff02e}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:flex}.dropdown-menu button{color:#dffaff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 12px;font-size:14px}.dropdown-menu button:hover{background:#00fff024}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;min-height:88vh;padding:80px 7%;display:grid}.tag,.section-label{color:#00fff0;text-transform:uppercase;letter-spacing:3px;font-size:13px;font-weight:700}.hero h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(42px,7vw,82px);line-height:.95}.hero h1 span{color:#00fff0;text-shadow:0 0 30px #00fff066}.hero-text{color:#b8c7c7;max-width:650px;font-size:19px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 24px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{color:#001010;background:#00fff0;box-shadow:0 0 35px #00fff059}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px #00fff08c}.btn-secondary{color:#fff;background:0 0;border:1px solid #ffffff2e}.btn-secondary:hover{color:#00fff0;border-color:#00fff0}.hero-card{background:#ffffff09;border:1px solid #00fff029;border-radius:34px;padding:30px;animation:6s ease-in-out infinite cardFloat;position:relative;overflow:hidden}.hero-card img{z-index:2;filter:drop-shadow(0 0 45px #00fff047);width:100%;max-width:560px;margin:auto;display:block;position:relative}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-card:before{content:"";background:linear-gradient(120deg,#0000,#00fff040,#0000);animation:5s ease-in-out infinite shine;position:absolute;inset:-2px;transform:translate(-100%)}@keyframes shine{0%,45%{transform:translate(-100%)}70%,to{transform:translate(100%)}}.orbit{z-index:1;border:1px solid #00fff033;border-radius:50%;position:absolute}.orbit-one{width:260px;height:260px;animation:14s linear infinite rotateOrbit;top:40px;right:40px}.orbit-two{width:180px;height:180px;animation:10s linear infinite reverse rotateOrbit;bottom:60px;left:40px}.orbit:before{content:"";background:#00fff0;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:35px;box-shadow:0 0 18px #00fff0}@keyframes rotateOrbit{to{transform:rotate(360deg)}}.glow-card{z-index:2;text-align:center;color:#00fff0;background:#00fff00f;border:1px solid #00fff029;border-radius:20px;margin-top:20px;padding:20px;position:relative}.stats{background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 7%;padding:30px;display:grid}.stats h3{color:#00fff0;margin:0;font-size:36px}.stats p{color:#b8c7c7}.section{padding:110px 7%}.section h2,.problem-section h2,.cta h2{letter-spacing:-2px;margin:14px 0 45px;font-size:clamp(34px,5vw,58px)}.cards{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card,.step{background:#ffffff0b;border:1px solid #ffffff14;border-radius:26px;padding:28px;transition:all .25s}.card:hover,.step:hover{border-color:#00fff06b;transform:translateY(-8px)scale(1.01);box-shadow:0 0 45px #00fff01f}.tryon-service-card{cursor:pointer}.tryon-service-card span{color:#00fff0;align-items:center;gap:8px;margin-top:16px;font-weight:700;display:inline-flex}.icon{color:#00fff0;background:#00fff01f;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.card h3,.step h3{margin:22px 0 12px;font-size:22px}.card p,.step p,.problem-section p,.cta p{color:#b8c7c7;line-height:1.7}.problem-section{background:linear-gradient(135deg,#00fff01f,#ffffff08);border:1px solid #00fff02e;border-radius:34px;grid-template-columns:1fr 1fr;gap:50px;margin:0 7%;padding:70px;display:grid}.check-list p{color:#fff;align-items:center;gap:12px;font-weight:600;display:flex}.check-list svg{color:#00fff0}.steps{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.step span{color:#00fff0;letter-spacing:3px;font-size:14px;font-weight:800}.tryon-page-section{width:min(1180px,92%);margin:0 auto;padding:150px 0 80px}.tryon-page-header{max-width:760px;margin-bottom:44px}.tryon-page-header h1{color:#fff;letter-spacing:-3px;margin:12px 0 18px;font-size:clamp(42px,7vw,76px);line-height:1}.tryon-page-header p{color:#b7c7d8;font-size:18px;line-height:1.7}.tryon-layout{grid-template-columns:.85fr 1.15fr;align-items:start;gap:38px;display:grid}.tryon-info-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #00fff033;border-radius:28px;padding:28px;box-shadow:0 30px 80px #00fff01a}.tryon-info-card h2{color:#fff;margin-top:0;font-size:32px}.tryon-checks{margin:24px 0}.tryon-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #00fff038;border-radius:28px;padding:22px;position:relative;box-shadow:0 30px 80px #00fff01f}.tryon-header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.tryon-header h3{color:#fff;margin:0}.tryon-header p{color:#9fb3c8;margin:4px 0 0;font-size:14px}.glasses-selector{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.glasses-selector button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #00fff02e;border-radius:18px;min-height:92px;padding:12px;transition:all .2s}.glasses-selector button:hover,.glasses-selector button.active{border-color:#00fff0;transform:translateY(-2px);box-shadow:0 0 28px #00fff038}.glasses-selector img{object-fit:contain;width:100%;height:36px;margin-bottom:8px}.glasses-selector span{color:#dffaff;font-size:13px;display:block}.tryon-camera{aspect-ratio:4/3;background:radial-gradient(circle,#112733,#05070a);border:1px solid #ffffff14;border-radius:22px;width:100%;position:relative;overflow:hidden}.tryon-video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.glasses-overlay{transform-origin:50% 23%;pointer-events:none;z-index:5;object-fit:contain;display:none;position:absolute;top:0;left:0}.tryon-start{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#00fff0,#7c3cff);border:none;border-radius:999px;align-items:center;gap:10px;width:fit-content;height:52px;margin:auto;padding:0 24px;font-weight:700;display:flex;position:absolute;inset:0;box-shadow:0 20px 50px #00fff059}.tryon-start:disabled{opacity:.7;cursor:not-allowed}.cta{text-align:center;background:radial-gradient(circle,#00fff02e,#0000 55%),#ffffff0a;border:1px solid #00fff02e;border-radius:36px;margin:0 7% 70px;padding:80px 30px}.cta svg{color:#00fff0}.cta p{max-width:620px;margin:0 auto 32px}footer{text-align:center;color:#7f9191;border-top:1px solid #ffffff14;padding:28px}.footer-content{justify-content:center;align-items:center;gap:20px;display:flex}.instagram-link{color:#00fff0;background:#ffffff0d;border:1px solid #00fff033;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s;display:flex}.instagram-link:hover{background:#00fff01f;transform:translateY(-3px)scale(1.1);box-shadow:0 0 20px #00fff059}.fade-up{opacity:0;animation:.9s forwards fadeUp;transform:translateY(26px)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (width<=950px){.hero,.problem-section,.tryon-layout{grid-template-columns:1fr}.cards,.steps,.stats{grid-template-columns:1fr 1fr}.nav-links{gap:16px}.dropdown-menu{left:auto;right:0}}@media (width<=700px){.navbar{padding:14px 5%}.brand img{width:90px;height:90px}.nav-links{gap:12px}.nav-links a,.nav-link-button{font-size:12px}.hero{padding:50px 7%}.hero h1{letter-spacing:-1px}.cards,.steps,.stats,.glasses-selector{grid-template-columns:1fr}.problem-section{padding:36px 24px}.tryon-page-section{padding-top:90px}.tryon-page-header h1{letter-spacing:-1px}.particles span{width:3px;height:3px}}