@scope(.glasses-page)to (:scope){*{margin:0;padding:0;box-sizing:border-box}:scope{--primary-color: #007efd;--secondary-color: #0066cc;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-light: #f9fafb;--bg-white: #ffffff;--border-color: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-white)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-nav{background:var(--bg-white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;padding:1rem 0}.main-nav .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:48px;height:48px;border-radius:8px}.logo-text{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.navigation{display:flex;gap:2rem}.navigation a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.navigation a:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,#2f9bff,#007efd,#06c);color:#fff;padding:0;text-align:center}.hero-company{font-size:1.125rem;margin-bottom:1rem;opacity:.9;letter-spacing:.05em}.hero-company a{color:inherit;text-decoration:none;transition:opacity .3s ease}.hero-company a:hover{opacity:.8;text-decoration:underline}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.025em}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;opacity:.95}.hero-description{font-size:1.125rem;max-width:700px;margin:0 auto 2rem;opacity:.9}.btn-primary{display:inline-block;background:#fff;color:var(--primary-color);padding:.875rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-carousel{position:relative;overflow:hidden}.hero-track{display:flex;transition:transform .6s ease}.hero-slide{flex:0 0 100%;min-width:100%;padding:6rem 0;display:flex;align-items:center;justify-content:center}.hero-slide-image{min-height:420px}.hero-glasses-img{max-width:70%;max-height:320px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25))}.hero-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#fff3;color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:2}.hero-carousel-btn:hover{background:#fff6}.hero-carousel-prev{left:1rem}.hero-carousel-next{right:1rem}.hero-carousel-dots{position:absolute;bottom:1.5rem;left:0;right:0;display:flex;justify-content:center;gap:.5rem;z-index:2}.hero-dot{width:10px;height:10px;border:none;border-radius:50%;background:#fff6;cursor:pointer;padding:0;transition:background .3s ease,transform .3s ease}.hero-dot.active{background:#fff;transform:scale(1.2)}.section-title{font-size:2.25rem;font-weight:700;text-align:center;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--text-secondary);margin-bottom:3rem}.products-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e6f2ff)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--bg-white);padding:2rem;border-radius:.75rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-icon,.platform-icon{margin-bottom:1rem}.card-icon .icon-img,.platform-icon .icon-img{display:block;width:3rem;height:3rem}.card-title{font-size:1.5rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.card-description{color:var(--text-secondary);line-height:1.7}.apps-section{padding:5rem 0;background:var(--bg-white)}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.app-card{background:var(--bg-light);border-radius:.75rem;padding:2rem;border-left:4px solid var(--primary-color);transition:transform .3s ease}.app-card:hover{transform:translate(4px)}.app-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.app-description{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.app-features{list-style:none;padding:0}.app-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.app-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.about-section{padding:5rem 0;background:var(--bg-white)}.about-content{margin:0 auto}.about-content p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.8}.about-content a{color:inherit;text-decoration:none;transition:color .3s ease}.about-content a:hover{color:var(--primary-color);text-decoration:underline}.contact-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e6f2ff)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.contact-item{text-align:center;padding:1.5rem;background:var(--bg-light);border-radius:.5rem}.contact-item h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.contact-item p{color:var(--text-secondary)}.footer{background:var(--text-primary);color:#fff;padding:2rem 0;text-align:center}.footer-links{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-links a{color:#fffc;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-info{margin-top:1rem}.footer-info p{color:#ffffffb3;margin:.5rem 0}.footer-info a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-info a:hover{color:#fff}.showcase-section{padding:5rem 0;background:var(--bg-white)}.showcase-grid{display:flex;flex-direction:column;gap:4rem;margin-top:3rem}.showcase-item{text-align:center;width:100%}.showcase-full-width{max-width:1200px;margin:0 auto}.showcase-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;color:var(--text-primary)}.glasses-gallery{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.app-screenshots-row{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.app-screenshots-row:last-child{margin-bottom:0}.glasses-img-large{width:auto;max-width:520px;height:auto;object-fit:contain;border-radius:.75rem;box-shadow:var(--shadow-lg);transition:transform .3s ease;flex-shrink:0}.glasses-img-large:hover{transform:scale(1.05)}.screenshot-img{width:100%;max-width:200px;height:auto;border-radius:.75rem;box-shadow:var(--shadow);transition:transform .3s ease}.screenshot-img:hover{transform:scale(1.05)}.platform-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e6f2ff)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.platform-card{background:var(--bg-white);padding:2.5rem;border-radius:.75rem;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.platform-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.platform-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.platform-features{list-style:none;padding:0}.platform-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary)}.platform-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.download-section{padding:5rem 0;background:linear-gradient(135deg,#f9fafb,#e6f2ff)}.download-content{display:flex;flex-direction:column;gap:3rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.download-row{display:flex;align-items:stretch;justify-content:flex-start;gap:3rem}.download-text{display:flex;flex-direction:column;justify-content:flex-start;flex:1}.download-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.download-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8}.download-icon{display:flex;justify-content:center;align-items:flex-start;min-width:200px}.app-icon{width:180px;height:180px}.download-link{color:var(--primary-color);text-decoration:none;font-size:1rem;font-weight:500;white-space:nowrap}.download-link .link-icon{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em}.download-link:hover{color:var(--secondary-color);text-decoration:underline}.download-cta[hidden],.download-version[hidden],.download-changelog[hidden]{display:none}.download-cta{display:inline-flex;align-items:center;gap:.5rem;margin:auto;padding:.875rem 2rem;background:var(--primary-color);color:#fff;border-radius:.5rem;text-decoration:none;font-size:1.125rem;font-weight:600;white-space:nowrap;transition:background .3s ease,transform .2s ease}.download-cta:hover{background:var(--secondary-color);transform:translateY(-2px)}.download-cta .cta-icon{width:1.15em;height:1.15em;filter:brightness(0) invert(1)}.download-version{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem;min-width:280px}.version-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.version-title{font-size:1rem;font-weight:400;margin:0;color:var(--text-secondary);text-align:left}.version-meta{list-style:none;width:100%;margin:0;padding:0}.version-meta li{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--border-color);font-size:1rem}.meta-label{color:var(--text-secondary)}.meta-value{color:var(--text-primary);font-weight:600}.meta-value.is-loading{font-weight:400;color:var(--text-secondary);font-size:.95rem}.download-changelog{flex:1;min-width:0;position:relative;text-align:left}.changelog-inner{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.changelog-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-right:.5rem}.changelog-more{display:none;position:absolute;left:0;right:0;bottom:0;text-align:center;line-height:1.2;font-size:1.125rem;font-weight:700;letter-spacing:.15em;color:var(--text-secondary);pointer-events:none}.download-changelog.has-more .changelog-more{display:block}.changelog-title{font-size:1rem;font-weight:400;color:var(--text-secondary)}.changelog-list{list-style:none;margin:0;padding:0}.changelog-list li{padding:.35rem 0;color:var(--text-secondary);line-height:1.7}.download-qrcode{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;min-width:200px}.qrcode-img{width:180px;height:180px}.qrcode-tip{font-size:1rem;font-weight:400;color:var(--text-secondary)}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-slide{padding:4rem 0}.hero-slide-image{min-height:300px}.hero-glasses-img{max-width:85%;max-height:220px}.hero-carousel-btn{width:36px;height:36px;font-size:1.5rem}.navigation{gap:.75rem;font-size:.8rem;flex-wrap:wrap}.grid-3,.showcase-grid,.platform-grid{grid-template-columns:1fr}.download-row{flex-direction:column;gap:2rem;align-items:center}.download-text{text-align:center}.download-title{font-size:2rem}.download-icon{min-width:auto}.app-icon{width:150px;height:150px}.download-version{width:100%;max-width:360px}.download-cta{margin:0}.download-changelog{align-self:stretch;width:100%;height:16rem}.download-qrcode{min-width:auto}.qrcode-img{width:220px;height:220px}.footer-links{flex-direction:column;gap:1rem}}html{scroll-behavior:smooth}}