.product-hero{position:relative;height:100vh;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:0}.product-hero-bg{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2;filter:blur(4px);transform:scale(1.15);will-change:transform}.product-hero-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#0a0a0ab3,#0a0a0a80);z-index:-1}.product-hero-content{text-align:center;z-index:1;max-width:800px;padding:var(--spacing-md)}.product-hero-type{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-accent-green);letter-spacing:.2em;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-accent-green);border-radius:var(--radius-md)}.product-hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);letter-spacing:.05em}.product-hero-subtitle{font-size:var(--font-size-xl);color:var(--color-text-gray);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.product-hero-platform{font-size:var(--font-size-base);color:var(--color-text-gray);font-family:var(--font-mono);letter-spacing:.05em}.product-overview,.product-features,.product-download{position:relative;background:#0a0a0abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-overview{margin-top:0;padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}.product-features,.product-download{margin-top:var(--spacing-xl);padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}.product-overview{background:var(--gradient-dark)}.product-overview-content{max-width:900px;margin:0 auto;text-align:center}.product-video-section{position:relative;background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl);margin-top:var(--spacing-xl)}.video-intro{max-width:900px;margin:0 auto var(--spacing-sm);text-align:center}.video-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray)}.product-video-wrapper{max-width:1000px;margin:0 auto;padding:var(--spacing-md) 0}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:var(--color-bg-darker);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000080,0 0 40px #0f83}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:var(--radius-lg)}.product-hero-logo{max-width:800px;width:90%;height:auto;margin:0 auto var(--spacing-sm);display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.product-overview-catchcopy{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:.5;color:var(--color-text-light);margin-bottom:var(--spacing-lg);text-align:center;letter-spacing:.05em}.product-overview-catchcopy-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.product-overview-catchcopy_im{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:1.1;color:var(--color-text-light);margin-bottom:0;text-align:center;letter-spacing:.05em;background:#000;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);display:inline-block;width:auto;margin-left:auto;margin-right:auto;border-radius:0}.text-green{color:#0f0}.product-overview-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-gray);margin-bottom:var(--spacing-md);text-align:center}.product-overview-text:last-child{margin-bottom:0}.product-features{background:var(--color-bg-dark)}.feature-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-xxl)}.feature-item:last-child{margin-bottom:0}.feature-item-reverse{direction:rtl}.feature-item-reverse>*{direction:ltr}.feature-image{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.feature-image img{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.feature-item:hover .feature-image img{transform:scale(1.02)}.feature-content{padding:var(--spacing-lg);background:#1a1a1a99;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-light)}.feature-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray)}.feature-item-text-only{max-width:1200px;margin:0 auto var(--spacing-xxl) auto;padding:var(--spacing-lg);background:#1a1a1a99;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.feature-item-text-only:last-child{margin-bottom:0}.feature-item-text-only .feature-title{text-align:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-light)}.feature-item-text-only .feature-description{text-align:left;max-width:none;margin:0;margin-bottom:var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray)}.product-info{position:relative;background:var(--color-bg-dark);padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl);margin-top:var(--spacing-xl)}.info-grid{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:1000px;margin:0 auto}.info-item{background:#1a1a1a99;padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.info-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-green);margin-bottom:var(--spacing-sm);letter-spacing:.05em}.info-content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray);margin:0}.info-content+.info-content{margin-top:var(--spacing-sm)}.info-note{font-size:var(--font-size-sm);color:var(--color-text-dark);font-style:italic;line-height:1.3;display:block}.product-download{background:var(--gradient-dark);text-align:center}.product-download-content{max-width:600px;margin:0 auto}.product-download-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-light)}.product-download-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray);margin-bottom:var(--spacing-lg)}.btn-large{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-large svg{width:20px;height:20px}.product-archives{position:relative;background:#0a0a0abf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl);margin-top:var(--spacing-xl)}.archives-intro{max-width:900px;margin:0 auto var(--spacing-xl);text-align:center}.archives-description{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-gray)}.archives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(256px,1fr));gap:var(--spacing-md);max-width:1200px;margin:0 auto}.archive-item{position:relative}.archive-link{position:relative;display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-bg-lighter);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.archive-link:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg),0 0 20px #00ff884d}.archive-thumbnail{width:100%;height:auto;display:block;aspect-ratio:3 / 4;object-fit:cover;transition:transform var(--transition-slow)}.archive-link:hover .archive-thumbnail{transform:scale(1.05)}.archive-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.archive-link:hover .archive-overlay{opacity:1}.archive-overlay:before{content:"";display:block;width:48px;height:48px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='%2300ff88' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3Cline x1='11' y1='8' x2='11' y2='14'/%3E%3Cline x1='8' y1='11' x2='14' y2='11'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.archive-info{position:relative;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#1a1a1a66;border-radius:var(--radius-md)}.archive-info:before{content:"";position:absolute;left:4px;top:var(--spacing-xs);bottom:var(--spacing-xs);width:2px;background:var(--color-accent-green);border-radius:1px}.archive-date{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-accent-green);font-family:var(--font-mono);letter-spacing:.05em;font-weight:var(--font-weight-bold)}.archive-comment{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-gray)}.lightbox{display:none;position:fixed;inset:0;background:#000c;z-index:var(--z-modal);align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.lightbox.active{display:flex;opacity:1}.lightbox-image-container{position:absolute;inset:0;overflow:auto;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1}.lightbox-image{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);cursor:zoom-in;pointer-events:auto;transition:none;display:block;margin:auto;opacity:1}.lightbox.fullsize .lightbox-image-container{display:flex;justify-content:flex-start;align-items:flex-start;cursor:default;padding:var(--spacing-xxl);opacity:1}.lightbox.fullsize .lightbox-image{max-width:none;max-height:none;width:auto;height:auto;cursor:grab;margin:0;position:relative;flex-shrink:0}.lightbox.fullsize .lightbox-image.dragging{cursor:grabbing}.lightbox-close{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px;background:#1a1a1ae6;border:2px solid var(--color-accent-green);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);color:var(--color-accent-green);z-index:10}.lightbox-close:hover{background:var(--color-accent-green);color:var(--color-bg-dark);transform:rotate(90deg);box-shadow:0 0 20px #00ff8880}.lightbox-close svg{width:24px;height:24px}@media(max-width:1024px){.feature-item{gap:var(--spacing-md)}}@media(max-width:768px){.product-hero{height:100vh;min-height:400px;margin-top:0}.product-hero-logo{max-width:600px;width:85%}.product-hero-title{font-size:var(--font-size-3xl)}.product-hero-subtitle{font-size:var(--font-size-lg)}.feature-item,.feature-item-reverse{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);direction:ltr}.feature-content{padding:var(--spacing-md)}.feature-title{font-size:var(--font-size-xl)}.product-overview-catchcopy{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.product-overview-catchcopy-wrapper{gap:.25rem}.product-overview-catchcopy_im{font-size:var(--font-size-base);padding:var(--spacing-xs) var(--spacing-sm)}.product-overview-text{font-size:var(--font-size-base)}.btn-large{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base)}.product-video-section{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.product-video-wrapper{max-width:100%;padding:var(--spacing-sm) 0}.video-container{border-radius:var(--radius-md)}.product-info{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}.info-grid{gap:var(--spacing-sm)}.info-item{padding:var(--spacing-sm)}.info-title{font-size:var(--font-size-lg)}.info-content{font-size:var(--font-size-sm)}.feature-item-text-only{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-item-text-only .feature-title{font-size:var(--font-size-xl)}.feature-item-text-only .feature-description{font-size:var(--font-size-sm)}.archives-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-sm)}.lightbox{background:#000000e6}.lightbox-image{max-width:95vw;max-height:85vh}.lightbox-close{top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}.lightbox-close svg{width:20px;height:20px}}
