.btn{font-family:var(--_r);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;padding:.9rem 2rem;border-radius:4px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem}.btn-primary{background:var(--_a);color:var(--_e);border:1px solid var(--_a);box-shadow:0 0 20px rgba(0,240,255,.2)}.btn-primary:hover{box-shadow:0 0 40px rgba(0,240,255,.4);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--_i);border:1px solid var(--_l)}.btn-ghost:hover{border-color:var(--_a);color:var(--_a);transform:translateY(-2px)}.feature-card{background:var(--_g);border:1px solid var(--_l);border-radius:8px;padding:2rem;transition:all .4s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--_a),transparent);opacity:0;transition:opacity .4s ease}.feature-card:hover{border-color:rgba(0,240,255,.15);background:var(--_h);transform:translateY(-4px)}.feature-card:hover::before{opacity:1}.feature-card:nth-child(2):hover{border-color:rgba(255,0,170,.15)}.feature-card:nth-child(2)::before{background:linear-gradient(90deg,transparent,var(--_b),transparent)}.feature-card:nth-child(3):hover{border-color:rgba(0,255,65,.15)}.feature-card:nth-child(3)::before{background:linear-gradient(90deg,transparent,var(--_c),transparent)}.feature-card:nth-child(5):hover{border-color:rgba(240,192,64,.15)}.feature-card:nth-child(5)::before{background:linear-gradient(90deg,transparent,var(--_d),transparent)}.feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1.5rem;border:1px solid}.feature-icon--cyan{background:rgba(0,240,255,.08);border-color:rgba(0,240,255,.15);color:var(--_a)}.feature-icon--magenta{background:rgba(255,0,170,.08);border-color:rgba(255,0,170,.15);color:var(--_b)}.feature-icon--green{background:rgba(0,255,65,.08);border-color:rgba(0,255,65,.15);color:var(--_c)}.feature-icon--gold{background:rgba(240,192,64,.08);border-color:rgba(240,192,64,.15);color:var(--_d)}.feature-card h3{font-family:var(--_p);font-size:.85rem;font-weight:600;margin-bottom:.75rem;letter-spacing:1px}.feature-card p{color:var(--_j);font-size:.85rem;line-height:1.7}.mode-card{border:1px solid var(--_l);border-radius:8px;overflow:hidden;transition:all .4s ease;background:var(--_g)}.mode-card:hover{transform:translateY(-6px);border-color:rgba(0,240,255,.2)}.mode-icon-large{font-size:3.5rem;opacity:.5;transition:all .4s ease}.mode-card:hover .mode-icon-large{opacity:.8;transform:scale(1.1)}.mode-tag{display:inline-block;font-family:var(--_r);font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;padding:.25rem .6rem;border-radius:3px;margin-top:1rem}.mode-tag--desktop{background:rgba(0,240,255,.08);color:var(--_a);border:1px solid rgba(0,240,255,.15)}.mode-tag--ar{background:rgba(255,0,170,.08);color:var(--_b);border:1px solid rgba(255,0,170,.15)}.mode-tag--vr{background:rgba(0,255,65,.08);color:var(--_c);border:1px solid rgba(0,255,65,.15)}.construct-item{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border:1px solid var(--_l);border-radius:6px;background:var(--_g);transition:all .3s ease}.construct-item:hover{border-color:rgba(0,240,255,.12);background:var(--_h)}.construct-glyph{font-size:1.5rem;width:40px;text-align:center;flex-shrink:0}.construct-info h4{font-family:var(--_p);font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.2rem}.construct-info span{font-family:var(--_r);font-size:.65rem;color:var(--_k)}.construct-item:nth-child(1) .construct-info h4{color:var(--_a)}.construct-item:nth-child(2) .construct-info h4{color:var(--_c)}.construct-item:nth-child(3) .construct-info h4{color:var(--_b)}.construct-item:nth-child(4) .construct-info h4{color:var(--_i)}.construct-item:nth-child(5) .construct-info h4{color:var(--_a)}.construct-item:nth-child(6) .construct-info h4{color:var(--_d)}.tech-item{padding:1.5rem;border:1px solid var(--_l);border-radius:6px;background:var(--_g);text-align:center;transition:all .3s ease}.tech-item:hover{border-color:rgba(0,240,255,.12);transform:translateY(-2px)}.tech-item .tech-name{font-family:var(--_p);font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:.3rem}.tech-item .tech-role{font-family:var(--_r);font-size:.6rem;color:var(--_k);letter-spacing:.5px}.tech-item .tech-emoji{font-size:1.5rem;display:block;margin-bottom:.75rem}.gesture-item{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.5rem;border:1px solid var(--_l);border-radius:6px;background:var(--_g);transition:all .3s ease}.gesture-item:hover{border-color:rgba(0,240,255,.12);background:var(--_h);transform:translateX(4px)}.gesture-symbol{font-size:1.8rem;width:50px;text-align:center;flex-shrink:0}.gesture-detail h4{font-family:var(--_p);font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:.2rem}.gesture-detail span{font-size:.8rem;color:var(--_j)}.voice-example{font-family:var(--_r);font-size:.8rem;padding:.75rem 1.2rem;border-left:2px solid var(--_a);margin-bottom:.75rem;color:var(--_j);background:rgba(0,240,255,.03);border-radius:0 4px 4px 0;transition:all .3s ease}.voice-example:hover{border-left-color:var(--_b);background:rgba(255,0,170,.03);color:var(--_i)}.voice-example .cmd{color:var(--_c)}
